@charset "UTF-8";

.bgImg {
    position: relative;
    overflow: hidden;
}

.bgImg img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.headerEmpty {
    height: 64px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.headerWpr {
    position: fixed;
    width: 100%;
    z-index: 10;
    height: 64px;
}

.header {
    height: 64px;
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    padding: 0 0px 0 30px;
    position: fixed;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
}

.logo {
    float: left;
    margin: 12px 42px 0px 0px;
    position: relative;
}

.logo img {
    height: 40px;
    width: auto;
}

.logo img.iOpacity {
    position: absolute;
    left: 0;
    top: 0;
}

.nav {
    float: left;
}

.nav li {
    float: left;
    padding: 0 1.19vw;
}

.nav_a {
    font-size: 14px;
    line-height: 64px;
    display: inline-block;
    position: relative;
}

.nav_a:after {
    content: "";
    transition: all 0.5s ease-in-out;
    height: 4px;
    background: #df203d;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0%;
}

.nav_a:hover:after,
.nav_a.on:after {
    width: 100%;
    left: 0;
}

.nav_a.on {
    color: #df203d;
}

.headRx {
    float: right;
}

.headSer {
    height: 63px;
    width: 278px;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    float: left;
    position: relative;
    padding-top: 18px;
    transition: all 0.5s ease-in-out;
}

.headSer input {
    line-height: 30px;
    color: #666;
    height: 30px;
    width: 100%;
    padding: 0px 70px 0px 30px;
    background: none;
    transition: all 0.5s ease-in-out;
}

.headSer button {
    background: url(../images/serIcon.png) no-repeat center center;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -8px;
    cursor: pointer;
}

.headLan {
    margin: 0px 1.45vw;
    float: left;
    height: 63px;
    position: relative;
}

.headLval {
    line-height: 63px;
    font-size: 14px;
    cursor: pointer
}

.headLval i {
    margin-left: 8px;
}

.headLanSel {
    width: 96px;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    top: 60px;
    background: #fff;
    border-top: 3px solid #DF2040;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.headLan:hover .headLanSel {
    opacity: 1;
    visibility: visible;
}

.headLanSel a {
    display: block;
    padding-left: 19px;
    line-height: 36px;
    height: 37px;
    border-bottom: 1px solid #eaeaea;
}

.headLanSel a:hover {
    color: #FFF;
    background: #104484;
    border-bottom: 1px solid #104484;
}

.header .head_logoin {
    margin-right: 1.45vw;
    line-height: 64px;
    font-size: 14px;
}

.header .head_reg {
    padding: 0px 1.45vw;
    font-size: 14px;
    line-height: 64px;
    height: 64px;
    background: #df203d;
    display: inline-block;
    color: #fff;
}

.header .head_reg:hover {
    color: #fff;
    background: #104484;
}

.headerWprFixed .header {
    background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.headerWprFixed .logo img {
    opacity: 0;
}

.headerWprFixed .logo img.iOpacity {
    opacity: 1;
}

.headerWprFixed .nav_a {
    color: #fff;
}

.headerWprFixed .headSer {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.headerWprFixed .headSer input {
    color: #fff;
}

.headerWprFixed .headSer button {
    background: url(../images/serIcon2.png) no-repeat center center;
}

.headerWprFixed .headLval {
    color: #fff;
}

.headerWprFixed .head_logoin {
    color: #fff;
}

.headerWprFixed:hover .header {
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
}

.headerWprFixed:hover .logo img {
    opacity: 1;
}

.headerWprFixed:hover .logo img.iOpacity {
    opacity: 0;
}

.headerWprFixed:hover .headLval {
    color: #333;
}

.headerWprFixed:hover .head_logoin {
    color: #333;
}

.headerWprFixed:hover .nav_a {
    color: #333;
}

.headerWprFixed:hover .nav_a:hover {
    color: #df203d;
}

.headerWprFixed:hover .headSer {
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
}

.headerWprFixed:hover .headSer input {
    background: none;
    color: #666;
}

.headerWprFixed:hover .headSer button {
    background: url(../images/serIcon.png) no-repeat center center;
}

.headerWprFixed:hover .head_logoin {
    color: #df203d;
}

.headerWprNobg .header {
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
    border-bottom: 1px solid #ccc;
}

.headerWprNobg .headSer {
    border-color: #ccc;
}

.subMenuWpr {
    display: block;
    position: absolute;
    left: 0;
    top: 64px;
    background: #fff;
    width: 100%;
    padding: ;
    padding: 50px 230px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
}

.nav li:hover .subMenuWpr,
.nav li:hover .subOther {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

.subMenu {
    max-height: 70vh;
    overflow-y: auto;
}

.subMenu_item1 {
    width: 100%;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.subMenu_item1 dt {
    font-size: 18px;
    line-height: 32px;
    color: #df203d;
    height: 32px;
    margin-bottom: 10px;
}

.subMenu_item1 dd {
    line-height: 20px;
    padding: 5px 0px;
    font-size: 14px;
}

.subMenu_item1 dl {
    margin-bottom: 30px;
    /*-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;*/
}

.subMenu_a1 {
    color: #df203d;
    background: url(../images/m2nar.png) no-repeat right center;
    padding-right: 25px;
}

.subMenu_a3,
.subMenu_a3:hover {
    cursor: default;
    color: #104484;
}

.subMenu_item2 {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
}

.subMenu_item3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.otherNav {
    position: relative;
}

.subOther {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 64px;
    background: #fff;
    width: 200px;
    padding: 10px 0;
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
}

.subMenu_a4 {
    display: block;
    line-height: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
}

.subMenu_a4:hover {
    background: #df203d;
    color: #fff;
}

@media (max-width:1799px) {
    .logo {
        margin-right: 20px;
    }

    .nav li {
        margin: 0 0.8vw;
    }

    .headSer {
        width: 245px;
    }

    .headSer input {
        padding-left: 15px;
    }

    .subMenuWpr {
        padding: 20px 80px;
    }

    .subMenu_item1 dt {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 5px;
    }
}

@media (max-width:1379px) {
    .logo {
        margin-right: 10px;
    }
}

@media (max-width:1299px) {
    .nav li {
        margin: 0 0.5vw;
    }
}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {}

.main {
    background: #fff;
    position: relative;
    z-index: 1;
}

.hmFocusWpr {
    position: relative;
}

.hmFocus {
    position: relative;
}

.hmFocus_item {
    position: relative;
}

.hmFocus_item .bgImg {
    height: 37.5vw;
    /*-webkit-transform: scale(1.12); transform: scale(1.12); */
}

.hmFocus_item.on .bgImg {
    /* -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards; */
}

.hmFsTxt {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.hmFsTxt h5 {
    font-size: 36px;
    line-height: 48px;
    font-weight: normal;
    display: block;
    letter-spacing: 6px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(150px);
}

.hmFsTxt h4 {
    line-height: 80px;
    font-size: 60px;
    font-weight: bold;
    display: block;
    margin: 10px 0px 4.16vw;
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(150px);
}

.hmFs_btn {
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(150px);
}

.on .hmFsTxt h5 {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s
}

.on .hmFsTxt h4 {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s
}

.on .hmFs_btn {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.7s
}

.hmFs_more {
    line-height: 44px;
    height: 48px;
    width: 180px;
    border: 2px solid #FFF;
    position: relative;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 2px;
    display: inline-block;
    border-radius: 0.2em;
    text-align: center;
}

.hmFs_more:before {
    content: "";
}

.hmFs_more span {
    display: inline-block;
    position: relative;
}

.hmFs_more:before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}

.hmFs_more:hover:before {
    width: 100%;
}

.hmFs_more:hover,
.hmFs_more {
    color: #104484;
}

.hmNumsWpr {
    height: 0;
    position: relative;
    z-index: 1
}

.hmNums {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.hmNums ul {
    display: block;
    background: #fff;
    height: 120px;
    border-radius: 1.6em 0 1.6em 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.hmNums li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    padding-top: 30px;
    height: 120px;
}

.hmNmx {
    display: inline-block;
    text-align: left;
}

.hmNums li strong {
    display: block;
    font: 24px/33px din;
}

.hmNums li p {
    font-size: 16px;
    line-height: 26px;
}

.hmNums li strong span {
    font-size: 32px;
    display: inline-block;
    margin-right: 5px;
}

.hmNums li strong i {
    font-style: normal;
    display: inline-block;
    position: relative;
    transform: translateY(-4px);
    letter-spacing: 1px;
}

@media (max-width:1799px) {
    .hmFsTxt h5 {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 2px;
    }

    .hmFsTxt h4 {
        font-size: 46px;
        line-height: 66px;
        margin-bottom: 3vw;
    }

    .hmFsTxt {
        margin-top: -30px;
    }
}

@media (max-width:1199px) {
    .hmFocus_item .bgImg {
        height: 450px;
    }

    .hmFsTxt h5 {
        font-size: 18px;
        line-height: 32px;
    }

    .hmFsTxt h4 {
        font-size: 38px;
        line-height: 46px;
    }

    .hmFs_more {
        width: 130px;
    }
}

@media (max-width:767px) {
    .hmFs_more {
        width: 120px;
    }

    .hmFocus_item .bgImg {
        height: 380px;
    }

    .hmFsTxt h5 {
        font-size: 16px;
        line-height: 30px;
    }

    .hmFsTxt h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .hmNums ul {
        height: 160px;
    }

    .hmNums ul li {
        width: 50%;
        height: 80px;
        padding-top: 18px;
        text-align: center
    }

    .hmNums li strong {
        text-align: center;
        font-size: 18px;
    }

    .hmNums li strong span {
        font-size: 24px;
    }

    .hmNums li p {
        font-size: 14px;
    }

    .hmNums ul li:nth-child(3),
    .hmNums ul li:nth-child(4) {
        transform: translateY(-12px);
    }
}

.hmCon1Wpr {
    padding-top: 9.11vw;
    padding-bottom: 6.25vw;
    position: relative;
}

.hmc1bgs {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.hmc1bg {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.hmc1bg.on {
    opacity: 1;
}

.hmPub_t {
    position: relative;
}

.hmPub_t strong {
    line-height: 60px;
    font-size: 48px;
    display: block;
    letter-spacing: 2px;
}

.hmPub_t p {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    margin-top: 18px;
}

.hmc1Box {
    margin-top: 3.54vw;
    position: relative;
}

.hmc1Swiper {
    width: 960px;
    float: left;
}

.hmc1item {
    position: relative;
    padding-top: 55px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.hmc1_cnm {
    font-size: 32px;
    line-height: 42px;
}

.hmc1_des {
    font-size: 18px;
    line-height: 36px;
    padding: 24px 0px 30px;
    border-bottom: 1px solid #0F4784;
}

.hmc1_t2 {
    font-size: 24px;
    line-height: 40px;
    margin: 22px 0px 14px;
}

.hmc1menus {
    overflow: hidden;
    margin-bottom: 40px;
}

.hmc1menus li {
    float: left;
    width: 33.33%;
    font-size: 16px;
    line-height: 32px;
    padding-right: 15px;
    overflow: hidden;
}

.hmc1ma {}

.hmc1ma span {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    padding: 0px 10px;
    height: 22px;
    margin-left: 2px;
    border: 1px solid #df203d;
    text-transform: uppercase;
    color: #df203d;
    transform: scale(0.7);
}

.hmc1menu {
    height: 600px;
    padding-top: 79px;
    float: right;
    width: 350px;
    background: url(../images/hmc1bg2.png) repeat-x left top;
    background-size: auto 100%;
    border-radius: 5em 0 5em 0;
    position: relative;
    transform: translateY(-150px);
}

.hmc1mul {
    overflow: hidden;
}

.hmc1mul li {
    width: 46%;
    float: left;
    margin-bottom: 16px;
}

.hmc1mul_a {
    display: block;
    line-height: 48px;
    height: 48px;
    border-left: 4px solid transparent;
    padding-left: 66px;
    position: relative;
    font-size: 14px;
    color: #FFF;
    transition: none;
}

.hmc1mul_a img {
    margin-top: -15px;
    position: absolute;
    left: 30px;
    top: 50%;
}

.hmc1mul_a.on {
    color: #fff;
    border-left: 4px solid #FFF;
    background: url(../images/hmc1_sbg.png) repeat-y left top;
}

.hmc1mul_a:hover {
    color: #fff;
}

.hmc1mcs {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0
}

.hmc1mcs a {
    display: block;
    border-top: 1px solid #617BA6;
    line-height: 60px;
    height: 60px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
}

.hmc1mcs a:hover {
    color: #fff;
}

.hmc1mcs a i {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 16px;
    line-height: 60px;
}

.hmc1cm {
    line-height: 48px;
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    font-size: 14px;
    color: #FFF;
    background: #df203d;
    border-radius: 0.3em;
}

.hmc1cm:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(223, 32, 61, 0.3);
}

.hmc1cm2 {
    line-height: 44px;
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    font-size: 14px;
    color: #104484;
    background: #fff;
    border-radius: 0.3em;
    border: 2px solid #104484;
}

.hmc1cm2:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(16, 68, 132, 0.3);
    background: #104484;
}

@media (max-width:1799px) {
    .hmPub_t strong {
        font-size: 32px;
        line-height: 42px;
    }

    .hmPub_t p {
        margin-top: 15px;
        font-size: 20px;
        line-height: 32px;
    }

    .hmc1menu {
        width: 300px;
    }

    .hmc1Swiper {
        width: 800px;
    }

    .hmc1mul_a {
        padding-left: 46px;
        font-size: 13px;
    }

    .hmc1mul_a img {
        left: 14px;
    }

    .hmc1_cnm {
        font-size: 24px;
        line-height: 32px;
    }

    .hmc1_des {
        padding-top: 15px;
        font-size: 16px;
        line-height: 32px;
    }

    .hmc1_t2 {
        font-size: 20px;
        line-height: 30px;
    }

    .hmc1menus li {
        font-size: 14px;
        line-height: 30px;
    }

    .hmc1menu {
        height: 550px;
    }

    .hmc1item {
        padding-top: 35px;
    }

    .hmPub_t p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width:1199px) {
    .hmCon1Wpr {
        padding-top: 105px;
    }

    .hmc1Box {
        margin-top: 10px;
    }

    .hmc1menu {
        display: none;
    }

    .hmc1Swiper {
        width: 100%;
    }

    .hmc1Swiper .slick-dots {
        bottom: -20px;
    }

    .hmc1Swiper .slick-dots li button {
        display: none;
    }

    .hmc1Swiper .slick-dots li {
        background: #104484;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .hmc1Swiper .slick-dots li.slick-active {
        background: #df203d;
    }

    .hmCon1Wpr {
        padding-bottom: 80px;
    }

    .hmPub_t p {
        margin-top: 8px;
    }

    .hmc1cm {
        width: 130px;
    }

    .hmc1cm2 {
        width: 130px;
    }

    .hmc1menus .mMenu_a3,
    .hmc1menus .mMenu_a3:hover {
        color: #333;
        line-height: 30px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .hmCon1Wpr {
        padding-top: 115px;
    }

    .hmc1item {
        padding-left: 0;
    }

    .hmPub_t p {
        font-size: 14px;
        line-height: 28px;
    }

    .hmc1_cnm {
        font-size: 22px;
        line-height: 32px;
    }

    .hmc1_des {
        font-size: 14px;
        line-height: 28px;
    }

    .hmc1_t2 {
        font-size: 18px;
    }

    .hmc1menus li {
        width: 100%;
    }

    .hmc1menus {
        margin-bottom: 20px;
    }

    .hmPub_t {
        text-align: center;
    }

    .hmc1menus {
        max-height: 210px;
        overflow-y: auto;
    }
}

.hmCon2Wpr {
    background: url(../images/hmc2logo.png) no-repeat left center;
    background-size: auto 100%;
    padding-top: 5.72vw;
    padding-bottom: 14.32vw;
    position: relative;
}

.hmc2tag {
    position: absolute;
    right: 1.35vw;
    top: 268px;
    z-index: 2;
}

.hmc2tag li {
    margin-bottom: 10px;
}

.hmc2tag li a {
    display: block;
    height: 90px;
    position: relative;
}

.hmc2tag li a.on {}

.hmc2icon {
    display: block;
    width: 104px;
    height: 102px;
    position: absolute;
    left: 50%;
    margin-left: -52px;
    top: -12px;
    transition: all 0.5s ease-in-out;
    transform: scale(0.9);
}

.hmc2icon img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.hmc2tag li a.on .hmc2icon img {
    opacity: 0;
}

.hmc2tag li a.on .hmc2icon img {
    opacity: 1;
}

.hmc2tag li a.on .hmc2icon {
    transform: scale(1);
    top: 2px;
}

.hmc2tag li a.on p {
    opacity: 0;
}

.hmc2tag li a p {
    font-size: 12px;
    color: #104484;
    text-align: center;
    padding-top: 54px;
    line-height: 20px;
    transition: all 0.5s ease-in-out;
}

.hmC2swiper {
    margin-top: 8.95vw;
}

.hmc2item {
    padding: 0 0 20px 10px;
}

.hmc2lx {
    width: 660px;
    float: left;
}

.hmc2lx h4 {
    font-size: 60px;
    line-height: 80px;
    font-weight: bold;
    color: #df203d;
    letter-spacing: 2px;
    display: block;
}

.hmc2lx h6 {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    margin-top: 42px;
    height: 108px;
    overflow: hidden;
    margin-bottom: 45px;
}

.hmc2btns .hmc1cm2 {
    margin-left: 20px;
}

.hmc2rx {
    width: 480px;
    float: right;
}

.hmc2rtag {
    display: flex;
    justify-content: flex-start;
}

.hmc2rtag span {
    display: block;
    line-height: 28px;
    height: 30px;
    padding: 0 10px;
    min-width: 100px;
    border: 1px solid #E6E6E6;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 0 0 1em 0;
    margin-right: 10px;
}

.hmc2rdl {
    margin-top: 45px;
}

.hmc2rdl dd {
    font-size: 16px;
    line-height: 36px;
    padding-left: 30px;
    position: relative;
}

.hmc2rdl dd:before {
    content: "";
    background: #df203d;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 0.4em 0 0.4em 0;
}

@media (max-width:1799px) {
    .hmc2icon {
        width: 60px;
        height: 60px;
        margin-left: -30px;
    }

    .hmc2tag li a p {
        padding-top: 34px;
    }

    .hmc2tag li a {
        height: 70px;
    }

    .hmc2lx {
        width: 550px;
    }

    .hmc2lx h4 {
        font-size: 40px;
        line-height: 60px;
    }

    .hmc2lx h6 {
        font-size: 20px;
        line-height: 32px;
        margin: 30px 0;
    }

    .hmc2rdl {
        margin-top: 35px;
    }

    .hmc2rdl dd {
        font-size: 15px;
        line-height: 32px;
    }

    .hmc2rx {
        padding-top: 15px;
    }
}

@media (max-width:1299px) {
    .hmC2swiper {
        margin-right: 50px;
    }

    .hmc2rx {
        margin-right: 20px;
    }
}

@media (max-width:1199px) {
    .hmc2tag {
        display: none;
    }

    .hmc2lx {
        width: 365px;
    }

    .hmC2swiper {
        margin-right: 0;
    }

    .hmC2swiper {
        margin-top: 25px;
    }

    .hmc2lx h4 {
        font-size: 24px;
    }

    .hmc2lx h6 {
        margin: 10px 0 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .hmc2rdl {
        margin-top: 22px;
    }

    .hmc2rdl dd {
        font-size: 14px;
        line-height: 30px;
    }

    .hmC2swiper .slick-dots {
        bottom: -45px;
    }

    .hmC2swiper .slick-dots li button {
        display: none;
    }

    .hmC2swiper .slick-dots li {
        background: #104484;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .hmC2swiper .slick-dots li.slick-active {
        background: #df203d;
    }

    .hmCon2Wpr {
        padding-bottom: 90px;
    }

    .hmc2rx {
        margin-right: 0px;
    }
}

@media (max-width:993px) {
    .hmc2lx {
        width: 100%;
        float: none;
    }

    .hmc2rx {
        width: 100%;
        float: none;
        margin-top: 25px;
    }
}

@media (max-width:767px) {
    .hmc2lx h4 {
        font-size: 20px;
        line-height: 40px;
    }

    .hmc2lx h6 {
        font-size: 14px;
        line-height: 28px;
    }

    .hmc2item {
        padding-left: 0;
    }

    .hmc2rtag {
        display: block;
    }

    .hmc2rtag span {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 12px;
        padding: 0 5px;
    }
}

.hmCon3Wpr {
    padding: 5.72vw 0px 3.64vw;
    margin-top: 5.2vw;
    position: relative;
}

.hmCon3Wpr:before {
    content: "";
    left: 62px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 41.66vw;
    background: #104484;
    border-radius: 9em 0 9em 0;
}

.hmCon3 {
    position: relative;
    z-index: 1;
}

.hmCon3Wpr .hmPub_t {
    color: #fff;
}

.hmc3swiper {
    padding: 32px 0px 0px;
    margin-left: -24px;
    margin-right: -24px
}

.hmc3item {
    padding: 0 24px 35px;
}

.hmc3a {
    display: block;
    background: #fff;
    padding-bottom: 42px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.hmc3a .overflowHide {
    height: 252px;
}

.hmc3a p {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    display: block;
    margin-top: 35px;
    height: 72px;
    overflow: hidden;
    padding: 0px 40px;
}

.hmc3m {
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
}

.hmc3m a,
.hmc3m a:hover {
    color: #FFF;
}

.hmc3swiper .slick-dots {
    bottom: -28px;
    width: 300px;
    left: auto;
    right: 24px;
    text-align: right;
}

.hmc3swiper .slick-dots li button {
    display: none;
}

.hmc3swiper .slick-dots li {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0px 0px 0px 12px;
    position: relative;
    vertical-align: middle;
    border: 2px solid #E6E6E6;
    border-radius: 0.4em 0 0.4em 0;
}

.hmc3swiper .slick-dots li.slick-active {
    background: #df203d;
    border: 2px solid #df203d;
}

@media (max-width:1799px) {
    .hmc3swiper {
        margin-left: -12px;
        margin-right: -12px;
    }

    .hmc3item {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hmc3a .overflowHide {
        height: 205px;
    }

    .hmc3a p {
        font-size: 20px;
        line-height: 32px;
        height: 64px;
        margin-top: 18px;
        padding: 0 30px;
    }

    .hmc3a {
        padding-bottom: 28px;
    }
}

@media (max-width:1299px) {
    .hmCon3Wpr:before {
        left: 32px;
    }
}

@media (max-width:1199px) {
    .hmCon3Wpr:before {
        left: 0;
    }

    .hmc3a p {
        font-size: 17px;
    }

    .hmc3swiper .slick-dots {
        transform: scale(0.5);
        transform-origin: right top;
    }
}

@media (max-width:767px) {
    .hmCon3Wpr:before {
        width: 100%;
        left: 0;
        border-radius: 4em 0 4em 0;
    }

    .hmc3swiper {
        padding-top: 24px;
    }

    .hmc3m {
        position: relative;
        top: -10px;
    }

    .hmc3swiper .slick-dots {
        bottom: -20px;
    }

    .hmCon3Wpr {
        padding-top: 30px;
    }
}

.hmCon4Wpr {
    padding: 6.77vw 0px 7.81vw;
}

.hmCon4 {
    position: relative;
}

.hmc4ul {
    width: 720px;
    float: right;
}

.hmc4ul li {
    height: 240px;
    width: 33.33%;
    float: left;
    border: 1px solid #E6E6E6;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
}

.hmc4ul li:hover {
    z-index: 1;
}

.hmCon4 .hmPub_t {
    position: absolute;
    width: 500px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hmc4a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 50px;
    text-align: center;
}

.hmc4a:hover {
    color: #fff;
}

.hmc4a:before {
    content: "";
    opacity: 0;
    border-radius: 2em 0 2em 0;
    background: #df203d;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.hmc4a:hover:before {
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
    transition: all 0.3s ease-in-out;
}

.hmc4ico {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
}

.hmc4ico img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.hmc4ico img:nth-child(2) {
    opacity: 0
}

.hmc4a:hover .hmc4ico {
    transform: rotateY(180deg);
    transition: all 0.5s ease-in-out;
}

.hmc4a:hover .hmc4ico img {
    opacity: 0
}

.hmc4a:hover .hmc4ico img:nth-child(2) {
    opacity: 1
}

.hmc4a p {
    line-height: 38px;
    margin-top: 21px;
    font-size: 24px;
    font-weight: normal;
    position: relative;
}

@media (max-width:1799px) {
    .hmc4ul {
        width: 660px;
    }

    .hmCon4 .hmPub_t {
        width: 440px;
    }

    .hmPub_t strong {
        font-size: 24px;
        line-height: 32px;
    }

    .hmc4ul li {
        height: 200px;
    }

    .hmc4ico {
        width: 60px;
        height: 60px;
    }

    .hmc4a {
        padding-top: 35px;
    }

    .hmc4a p {
        font-size: 21px;
    }
}

@media (max-width:1199px) {
    .hmc4ico {
        width: 40px;
        height: 40px;
    }

    .hmc4a p {
        font-size: 20px;
    }

    .hmc4ul {
        width: 540px;
    }

    .hmCon4 .hmPub_t {
        width: 370px;
    }

    .hmc4a {
        padding-top: 30px;
    }

    .hmc4ul li {
        height: 170px;
    }
}

@media (max-width:993px) {
    .hmCon4 .hmPub_t {
        position: static;
        text-align: center;
        width: 100%;
    }

    .hmCon4Wpr {
        padding-top: 90px;
    }

    .hmc4ul {
        width: 100%;
    }
}

@media (max-width:767px) {
    .hmc4a p {
        font-size: 18px;
        margin-top: 10px;
    }

    .hmc4a {
        padding-top: 20px;
    }

    .hmc4ul li {
        height: 140px;
    }

    .hmc4ul {
        position: relative;
        top: -25px;
    }
}

.hmCon5Wpr {
    background: url(../images/hmc6bg.png) repeat-x left top;
    padding-top: 5.72vw;
    overflow: hidden;
    position: relative;
    padding-bottom: 6.25vw;
}

.hmc5Img {
    width: 100%;
    max-width: none;
    top: 14.32vw;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}

.hmCon5Wpr .hmPub_t {
    text-align: center;
}

.hmCon5Wpr .hmPub_t p {
    font-size: 32px;
}

.hmc5tip {
    height: 23.75vw;
    position: relative;
}

.hmc5tip span {
    font-size: 14px;
    line-height: 20px;
    color: #bfbfbf;
    text-align: left;
    position: absolute;
    right: 0px;
    bottom: 5.31vw;
}

.hmc5swiperWpr {
    position: relative;
}

.hmc5swiper {
    background: #FFF url(../images/hmc5_sbg.png) no-repeat center bottom;
    height: 362px;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 10em 0 10em 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.hmc5item {
    height: 362px;
    position: relative;
    margin: 0px 7.29vw;
}

.hmc5item h5 {
    font-size: 24px;
    line-height: 48px;
    font-weight: normal;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    max-height: 192px;
    overflow-y: auto;
    margin-top: -30px;
}

.hmc5item h6 {
    font-size: 24px;
    font-weight: normal;
    color: #104484;
    position: absolute;
    right: 0;
    bottom: 42px;
    line-height: 48px;
    display: inline-block;
}

.hmc5swiper .slick-prev {
    background: #fff url(../images/hmc4btn1.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: -160px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -30px;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}

.hmc5swiper .slick-next {
    background: #fff url(../images/hmc4btn1.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    right: -160px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -30px;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transform: rotate(180deg);
}

.hmc5swiper .slick-prev:hover,
.hmc5swiper .slick-next:hover {
    background: #df203d url(../images/hmc4btn2.png) no-repeat center center;
}

@media (max-width:1799px) {
    .hmCon5Wpr .hmPub_t p {
        font-size: 20px;
    }

    .hmc5Img {
        width: 1800px;
        margin-left: -900px;
    }

    .hmc5swiper,
    .hmc5item {
        height: 300px;
    }

    .hmc5swiper {
        max-width: 1000px;
    }

    .hmc5swiper .slick-prev {
        left: -100px;
    }

    .hmc5swiper .slick-next {
        right: -100px;
    }

    .hmc5item h5 {
        font-size: 21px;
        line-height: 38px;
    }

    .hmc5item h6 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width:1299px) {
    .hmc5Img {
        width: 1400px;
        margin-left: -700px;
    }
}

@media (max-width:1199px) {
    .hmc5item h5 {
        font-size: 18px;
    }

    .hmc5item h6 {
        font-size: 18px;
    }
}

@media (max-width:993px) {
    .hmc5Img {
        width: 800px;
        margin-left: -400px;
    }

    .hmc5tip span {
        bottom: 12vw;
    }
}

@media (max-width:767px) {
    .hmCon5Wpr {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .hmc5Img {
        width: 500px;
        margin-left: -250px;
    }

    .hmCon5Wpr .hmPub_t p {
        font-size: 16px;
    }

    .hmc5Img {
        top: 180px;
    }

    .hmc5tip {
        height: 245px;
    }

    .hmc5tip span {
        left: 0;
        text-align: center;
        bottom: 25px;
    }

    .hmc5swiper {
        border-radius: 3em 0 3em 0;
    }

    .hmc5item h5 {
        font-size: 15px;
        line-height: 30px;
    }

    .hmc5item h6 {
        font-size: 15px;
    }
}

.hmCon6 {
    padding-bottom: 5.72vw;
}

.hmCon6 .hmPub_t {
    text-align: center;
}

.hmc6ul {
    margin: 2.1vw 1.82vw 0px;
}

.hmc6ul li {
    padding: 0px 1.25vw;
    width: 25%;
    float: left;
}

.hmc6aBox {
    display: block;
}

.hmc6aBox .overflowHide {
    height: 12.13vw;
}

.hmc6bm {
    border-radius: 0 0 5em 0;
    padding: 1.77vw;
    position: relative;
    overflow: hidden;
}

.hmc6bm:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/hmc5bg.png) repeat-x left bottom;
    transition: all 0.5s ease-in-out;
    opacity: 0
}

.hmc6aBox:hover .hmc6bm:before {
    opacity: 1;
}

.hmc6aBox:hover {
    transform: translateY(-10px);
}

.hmc6bm strong {
    font-size: 24px;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 3.12vw;
    font-weight: normal;
    display: block;
    position: relative;
    color: #333;
}

.hmc6bm span {
    font-size: 16px;
    line-height: 30px;
    display: block;
    position: relative;
    color: #333;
}

.hmCon7 {
    background: url(../images/hmBomBg.png) no-repeat center bottom;
    height: 418px;
    padding-top: 76px;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.footEmpty {
    height: 600px;
}

.hmCon7 strong {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 2px;
    display: block;
    font-weight: normal;
    margin-bottom: 85px;
}

.hmc6ms {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin-top: 2.7vw;
}

.hmc6ms a {
    color: #df203d;
}

.hmc6ms a i {
    display: inline-block;
    margin-left: 5px;
    transition: all 0.2s ease-in-out;
}

.hmc6ms a:hover i {
    margin-left: 18px;
}

@media (max-width:1799px) {
    .hmCon7 strong {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 35px;
    }

    .hmCon7 {
        height: 345px;
        background-size: auto 345px;
    }

    .hmc6ul li {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hmc6bm {
        padding: 1.2vw;
    }

    .hmc6bm strong {
        font-size: 18px;
        line-height: 32px;
        height: 64px;
        margin-bottom: 20px;
    }
}

@media (max-width:1199px) {
    .hmc6bm strong {
        font-size: 14px;
        line-height: 28px;
        height: 56px;
    }

    .hmc6bm span {
        font-size: 14px;
    }

    .hmCon7 {
        height: 295px;
        background-size: auto 295px;
    }

    .hmCon7 strong {
        margin-top: -15px;
    }
}

@media (max-width:993px) {
    .hmc6ul li {
        width: 50%;
    }

    .hmc6aBox .overflowHide {
        height: 25vw;
    }

    .hmCon7 {
        height: 245px;
        background-size: auto 245px;
        padding-top: 55px;
    }

    .hmCon7 strong {
        font-size: 24px;
    }

    .hmc6bm span {
        transform: translateY(-15px);
    }
}

@media (max-width:767px) {
    .hmCon7 strong {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .hmCon7 {
        height: 226px;
    }

    .hmc6ul {
        margin-top: 25px;
    }

    .hmc6ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .hmc6aBox .overflowHide {
        height: 190px;
    }

    .hmc6bm {
        padding: 10px 15px;
    }

    .hmc6aBox {
        transform: translateY(0) !important;
    }

    .hmc6bm:before {
        opacity: 1;
    }

    .hmCon6 {
        padding-bottom: 46px;
    }
}

.footer {
    background: #22242a;
    color: #FFF;
    position: relative;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding-top: 120px;
}

.footerFixed {
    /* position: fixed;*/
    margin-top: -100px;
}

.footEmpty {
    display: none;
     !important;
}

.footer a,
.footer a:hover {
    color: #fff;
}

.footTop {
    padding-bottom: 15px;
}

.footTop dl {
    float: left;
    margin-right: 96px;
}

.footTop dl:nth-child(5) {
    margin-right: 0px;
}

.footTop dl dt {
    position: relative;
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 15px;
}

.footTop dl dt:after {
    content: "";
    background: #df203d;
    height: 2px;
    width: 24px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.footTop dl dd {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
}

.footma1 {}

.footma2 {}

.footma1:hover,
.footma2:hover {}

.footWx {
    height: 300px;
    border-left: 1px solid #3C3D43;
    text-align: center;
    float: right;
    padding: 0px 40px;
    margin-top: 32px;
}

.footWx p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 17px;
}

.footWx img {}

.footInfo {
    float: right;
    margin-top: 32px;
    font-size: 14px;
    line-height: 24px;
}

.footInfo strong {
    font-size: 36px;
    line-height: 40px;
    color: #df203d;
    display: block;
}

.footInfo p {
    max-width: 250px;
}

.footLinks {
    line-height: 30px;
    padding: 27px 0px;
    border-top: 1px solid #3C3D43;
    border-bottom: 1px solid #3C3D43;
}

.foot_bnav {
    float: left;
    font-size: 14px;
}

.foot_bnav a {
    margin-right: 65px;
    white-space: nowrap;
    display: inline-block;
    padding-left: 14px;
    position: relative
}

.foot_bnav a:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    position: absolute;
}

.footShareWpr {
    float: right;
}

.footShare {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

.footShare1 {
    background: url(../images/foot_si1.png) no-repeat center center;
}

.footShare2 {
    background: url(../images/foot_si2.png) no-repeat center center;
}

.footShare3 {
    background: url(../images/foot_si3.png) no-repeat center center;
}

.footShare4 {
    background: url(../images/foot_si4.png) no-repeat center center;
}

.footShare5 {
    background: url(../images/foot_si5.png) no-repeat center center;
}

.footCopy {
    font-size: 14px;
    line-height: 28px;
    padding: 32px 0px;
}

.footCopy span {
    display: inline-block;
    margin-right: 30px
}

.fixedAd {
    width: 800px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    padding: 0 38px;
    background: #df203d;
    border-radius: 1.2em 0 1.2em 0;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    bottom: 20px;
    z-index: 8;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    display: none;
}

.fixedAd .fl {
    font-size: 16px;
}

.fixedAd a {
    font-size: 16px;
    line-height: 36px;
    background: #FFF;
    height: 36px;
    width: 104px;
    float: right;
    margin-top: 13px;
    text-align: center;
    color: #df203d;
    border-radius: 0.3em;
}

.fixedAd2 {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
}

.fixedAd_img {
    max-width: 1080px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.fixedAd2 a {
    background: url(../images/close-1a.png) no-repeat center center;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.fixedAd2 a:hover {
    transform: rotate(90deg);
}

@media (max-width:1799px) {
    .foot_bnav a {
        margin-right: 50px;
    }

    .footLinks {
        padding: 25px 0 20px;
    }

    .footCopy {
        font-size: 13px;
        padding: 36px 0
    }

    .footTop dl dd {
        font-size: 13px;
        line-height: 30px;
        height: 30px;
    }

    .footTop dl {
        margin-right: 60px;
    }

    .footWx {
        padding: 0 30px;
    }

    .footWx p {
        font-size: 12px;
    }

    .footInfo strong {
        font-size: 32px;
    }

    .footInfo {
        font-size: 13px;
    }

    .footTop dl dt {
        font-size: 17px;
        line-height: 62px;
    }

    .footWx {
        height: 315px;
    }

    .fixedAd_img {
        max-width: 700px;
    }
}

@media (max-width:1379px) {
    .footTop dl dd {
        line-height: 28px;
        height: 28px;
    }

    .footLinks {
        padding: 20px 0 15px;
    }

    .footCopy {
        font-size: 13px;
        padding: 30px 0
    }

    .footWx {
        height: 265px;
    }
}

@media (max-width:1199px) {
    .footTop dl {
        margin-right: 20px;
    }

    .footWx {
        padding: 0 20px;
    }

    .footInfo {
        margin-top: 18px;
    }

    .footWx {
        margin-top: 22px;
    }
}

@media (max-width:993px) {
    .footer {
        padding-top: 80px;
    }

    .footTop dl {
        width: 100%;
        margin-right: 0;
        float: none;
        overflow: hidden;
    }

    .footTop dl dt {
        width: 100%;
    }

    .footTop dl dd {
        float: left;
        margin-right: 25px;
    }

    .footInfo {
        width: 100%;
        float: none;
    }

    .footWx {
        height: auto;
        border: none;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .foot_bnav a {
        margin-right: 16px;
    }
}

@media (max-width:767px) {
    .footWx {
        text-align: center;
    }

    .footInfo {
        text-align: center;
    }

    .footInfo p {
        max-width: none;
    }

    .footShareWpr {
        width: 100%;
        text-align: center;
    }

    .footShare {
        margin: 0 10px;
    }

    .footCopy {
        font-size: 12px;
        text-align: center;
        line-height: 24px;
        padding: 15px 0;
    }

    .fixedAd {
        width: 90%;
        margin-left: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 25px 10px;
        height: auto;
    }

    .fixedAd .fl {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        padding-top: 8px;
        text-align: center;
        display: block;
        float: none;
    }

    .fixedAd a {
        font-size: 14px;
        display: block;
        float: none;
        margin: 8px auto 0;
    }
}

.m2banner {
    position: relative;
    z-index: 1
}

.m2banner .bgImg {
    height: 37.5vw;
}

.m2banTxt {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    padding-top: 80px;
}

.m2banTxt strong {
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    line-height: 60px;
}

.m2banTxt2 strong {
    font-size: 60px;
}

.m2banTxt p {
    font-size: 24px;
    line-height: 36px;
    margin: 15px 0px 20px;
    max-width: 800px;
}

.m2banTxt .tips {
    margin-bottom: 30px;
}

.m2banTxt .tips span {
    display: block;
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}

.m2banTxt .tips span:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url('../images/1-1.png') center center no-repeat;
    background-size: contain;/**/
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}

.m2banTxt .tips span:nth-of-type(1) {
    margin-top: 0;
}

.m2banTxt .tips span:nth-of-type(1):after,
.m2banTxt .tips span:nth-of-type(2):after {
    content: '';
    width: 16px;
    height: 16px;
    /*background: url('../images/1-2.png') center center no-repeat;*/
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.m2banTxt .tips span:nth-of-type(3):after {
    content: '';
    width: 16px;
    height: 16px;
    /*background: url('../images/1-3.png') center center no-repeat;*/
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}

.m2ban_m .hmc1cm2 {
    color: #FFF;
    border: 2px solid #FFF;
    margin-left: 30px;
    background: none
}

.m2ban_m .hmc1cm2:nth-child(1) {
    margin-left: 0;
}

.m2menu {
    position: relative;
    z-index: 1;
    background: #22242a;
}

.m2menu .container {
    color: #fff;
    display: flex;
    justify-content: flex-start;
}

.m2menu_a {
    display: block;
    padding: 38px 2.2vw 0px 1.8vw;
    height: 150px;
    color: #fff;
    white-space: nowrap
}

.m2menu_a.on,
.m2menu_a:hover {
    background: #393C45;
}

.m2mico {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}

.m2menu_a:hover .m2mico {
    transform: rotateY(180deg);
    transition: all 0.5s ease-in-out;
}

.m2mico img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.m2mico img:nth-child(2) {
    opacity: 0
}

.m2menu_a p {
    font-size: 24px;
    color: #FFF;
    line-height: 38px;
}

.m2menu_a:hover .m2mico img,
.m2menu_a.on .m2mico img {
    opacity: 0
}

.m2menu_a:hover .m2mico img:nth-child(2),
.m2menu_a.on .m2mico img:nth-child(2) {
    opacity: 1
}

.m2csConWpr {
    padding-top: 8.85vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}

.m2csTop {
    padding-bottom: 2.6vw;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 3.12vw;
    border-bottom: 1px solid #0F4784;
}

.m2csTop strong {
    font-size: 48px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 1.14vw;
}

.m2csCon {
    padding-bottom: 5.2vw;
}

.m2csMenu {
    padding: 40px 0px;
    width: 320px;
    position: -webkit-sticky;
    position: sticky;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3em 0 3em 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    top: 100px;
    float: left;
}

.m2csMenu li {
    margin-bottom: 2px;
}

.m2csMenu_a {
    font-size: 14px;
    line-height: 22px;
    display: block;
    padding: 4px 40px;
}

.m2csMenu_a.on {
    color: #FFF;
    background: #df203d;
}

.m2csRx {
    float: right;
    width: calc(100% - 360px);
}

.m2csRitem {
    padding: 22px 40px 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3em 0 3em 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

.m2csRts {
    overflow: hidden;
    line-height: 62px;
    height: 63px;
    border-bottom: 1px solid #0F4784;
}

.m2csRts span {
    font-size: 24px;
    letter-spacing: 1px;
    float: left;
    padding-left: 15px;
    position: relative;
}

.m2csRts span:before {
    content: "";
    background: #df203d;
    height: 24px;
    width: 4px;
    margin-top: -11px;
    position: absolute;
    left: 0px;
    top: 50%;
}

.m2csRtag {
    float: right;
    margin-top: 22px;
}

.m2csRtag a {
    float: left;
    height: 40px;
    margin-left: 25px;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 28px;
}

.m2csRtag a:after {
    content: "";
    background: #df203d;
    height: 4px;
    width: 12px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
    transition: all 0.5s ease-in-out;
    opacity: 0
}

.m2csRtag a.on:after,
.m2csRtag a:hover:after {
    opacity: 1;
}

.m2csRtag a.on {
    color: #df203d;
}

.m2csRulWpr {
    margin: 40px -10px 0;
    position: relative;
}

.m2csRul {
    display: none;
}

.m2csRul.on {
    display: block;
}

.m2csRul li {
    padding: 0 10px;
    width: 33.33%;
    float: left;
    margin-bottom: 20px;
}

.m2csRa {
    display: block;
    padding: 22px 35px 35px;
    border: 1px dashed #CCCCCC;
    border-radius: 0.5em;
}

.m2csRa:hover {
    color: #FFF;
    background: #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
    border: 1px solid #df203d;
}

.m2csRa strong {
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    display: block;
    height: 32px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.m2csRa p {
    font-size: 14px;
    line-height: 26px;
    color: #808080;
    height: 52px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all 0.5s ease-in-out;
}

.m2csRa:hover p {
    color: #fff;
}

.maoLink {
    display: block;
    height: 0;
    position: relative;
    top: -100px;
}

@media (max-width:1799px) {
    .m2banTxt strong {
        font-size: 32px;
        line-height: 52px;
    }

    .m2menu_a p {
        font-size: 18px;
    }

    .m2menu_a {
        padding-top: 20px;
        height: 108px;
    }

    .m2banTxt p {
        margin: 6px 0px 15px;
        font-size: 20px;
        line-height: 32px;
    }

    .m2banTxt .tips span {
        font-size: 18px;
    }

    .m2banTxt .tips {
        margin-bottom: 20px;
    }

    .m2csRul li {
        width: 50%;
    }

    .m2csRts span {
        font-size: 21px;
    }

    .m2csMenu {
        padding: 20px 0;
        width: 260px;
    }

    .m2csMenu_a {
        font-size: 13px;
        line-height: 20px;
    }

    .m2csRx {
        width: calc(100% - 290px);
    }
}

@media (max-width:1199px) {
    .m2banTxt {
        padding-top: 0;
    }
}

@media (max-width:993px) {
    .m2csRul li {
        width: 100%;
    }

    .m2menu_a p {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    * {
        letter-spacing: 0 !important;
    }

    .m2banner .bgImg {
        height: 260px;
    }

    .m2banTxt strong {
        font-size: 18px;
        line-height: 30px;
    }

    .m2banTxt .tips span {
        font-size: 16px;
    }

    .m2menu .container {
        display: block;
        overflow: hidden;
        padding: 0
    }

    .m2menu_a {
        width: 50%;
        float: left;
        text-align: center;
        border-bottom: 1px solid #393C45;
        border-right: 1px solid #393C45;
    }

    .m2mico {
        margin-left: auto;
        margin-right: auto;
    }

    .m2menu .container .m2menu_a:nth-child(2n) {
        border-right: none;
    }

    .m2menu_a p {
        line-height: 28px;
        font-size: 15px;
    }

    .m2menu_a {
        padding-top: 10px;
        height: 80px;
    }

    .m2banTxt p {
        font-size: 16px;
        line-height: 28px;
    }

    .m2ban_m .hmc1cm2 {
        margin-left: 10px;
    }

    .m2csMenu {
        width: 100%;
        float: none;
        max-height: 206px;
        overflow-y: auto;
        display: none
    }

    .m2csRx {
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    .m2csRitem {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2csRts span {
        font-size: 19px;
    }

    .m2csRa {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.m2cs2ul {
    margin: 0px -12px;
}

.m2cs2ul li {
    padding: 0px 12px;
    margin-bottom: 24px;
    width: 25%;
    float: left;
}

.m2cs2aBox {
    display: block;
    background: rgba(255, 255, 255, 0.5);
    padding: 25px 38px;
    height: 180px;
    position: relative;
}

.m2cs2aBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 2.6em 0 2.6em 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out;
}

.m2cs2aBox:hover:before {
    background: #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
    transform: scaleY(1.12)
}

.m2cs2aBox:hover {
    color: #FFF;
}

.m2cs2aBox strong {
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    max-height: 64px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.m2cs2aBox p {
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    max-height: 48px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.m2cs2aBox:hover p {
    color: #fff;
}

@media (max-width:1799px) {
    .m2csTop strong {
        font-size: 32px;
        line-height: 50px;
    }

    .m2csTop {
        font-size: 20px;
        line-height: 34px;
    }

    .m2cs2aBox strong {
        font-size: 17px;
        line-height: 30px;
    }

    .m2cs2ul li {
        width: 33.33%;
    }
}

@media (max-width:993px) {
    .m2cs2ul li {
        width: 50%;
    }
}

@media (max-width:767px) {
    .m2csTop strong {
        font-size: 24px;
    }

    .m2csTop {
        font-size: 15px;
        line-height: 28px;
        padding-bottom: 18px;
        margin-bottom: 35px;
    }

    .m2cs2ul li {
        width: 100%;
    }

    .m2cs2aBox {
        height: auto
    }
}

.m2layerBg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 60
}

.m2layerClose {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 50px;
    right: 50px;
    cursor: pointer;
    transition: all 500ms ease;
    z-index: 62;
    cursor: pointer
}

.m2layerClose:hover {
    transform: rotate(180deg);
}

.m2layerClose:before,
.m2layerClose:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 30px;
}

.m2layerClose:before {
    left: 0;
    transform: rotate(45deg);
}

.m2layerClose:after {
    left: 0;
    transform: rotate(135deg);
}

.m2Lay_video {
    position: fixed;
    top: 50%;
    left: 50%;
    max-height: 80vw;
    max-width: 80vw;
    transform: translate(-50%, -50%);
    z-index: 75;
}

.maoLink {
    height: 0;
    position: relative;
    overflow: hidden;
    top: -80px
}

@media (max-width:767px) {
    .m2Lay_video {
        max-height: 90vw;
        max-width: 90vw;
    }

    .m2layerClose {
        right: 15px;
    }
}

.m3csPage {
    position: relative;
    background: #fff;
    z-index: 1;
    width: 100%;
}

.weixin-prop {
    width: 172px;
    height: 240px;
    border: 1px #ddd solid;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -86px 0px 0px -120px;
    z-index: 2345667
}

.weixin-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 14px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    background: url(../images/close-1.png) no-repeat;
    background-size: 12px auto;
}

.weixin-img {
    float: left;
    width: 160px;
    margin: 38px 0px 0px 10px
}

.weixin-img canvas {
    width: 150px;
    height: 150px
}

.weixin-prop p {
    float: left;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    color: #222;
    line-height: 28px;
}

.pubSwiper .slick-dots {
    bottom: 0;
    left: 0;
}

.pubSwiper .slick-dots li button {
    display: none;
}

.pubSwiper .slick-dots li {
    background: #BFBFBF;
    display: inline-block;
    height: 4px;
    width: 12px;
    margin: 0px 4px;
    position: relative;
    vertical-align: middle
}

.pubSwiper .slick-dots li.slick-active {
    background: #df203d;
    width: 24px;
}

.m3menuWpr {
    line-height: 60px;
    color: #FFF;
    background: #23252C;
    height: 60px;
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    z-index: 2;
}

.m3menu {
    float: left;
}

.m3menu_a {
    font-size: 14px;
    color: #FFF;
    padding: 0px 20px;
    min-width: 100px;
    margin-right: 2px;
    float: left
}

.m3menu_a:hover,
.m3menu_a.on {
    color: #FFF;
    background: #393C45;
}

.m3shareRxs {
    float: right;
}

.m3shareBtn {
    float: left;
    width: 70px;
    height: 18px;
    border-right: 1px solid #505156;
    background: url(../images/m3srbia.png) no-repeat center center;
    cursor: pointer;
    margin-top: 21px;
    position: relative;
}

.m3shareBtn:hover {
    background: url(../images/m3srbi.png) no-repeat center center;
}

.m3shareBox {
    height: 91px;
    position: absolute;
    left: 50%;
    bottom: 18px;
    margin-left: -135px;
    width: 270px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: scale(0.3)
}

.m3shareBtn:hover .m3shareBox {
    opacity: 1;
    transform: scale(1)
}

.m3shareBox div {
    height: 60px;
    background: #fff;
    border-radius: 3em;
    padding: 6px 0 0 5px;
}

.m3share_a {
    display: block;
    float: left;
    height: 48px;
    width: 48px;
    margin-right: 5px;
    border-radius: 50%;
}

.m3share_a1 {
    background: url(../images/m3share_i1.png) no-repeat center center;
}

.m3share_a1:hover {
    background: #49C000 url(../images/m3share_i1a.png) no-repeat center center;
}

.m3share_a2 {
    background: url(../images/m3share_i2.png) no-repeat center center;
}

.m3share_a2:hover {
    background: #D52829 url(../images/m3share_i2a.png) no-repeat center center;
}

.m3share_a3 {
    background: url(../images/m3share_i3.png) no-repeat center center;
}

.m3share_a3:hover {
    background: #0275B4 url(../images/m3share_i3a.png) no-repeat center center;
}

.m3share_a4 {
    background: url(../images/m3share_i4.png) no-repeat center center;
}

.m3share_a4:hover {
    background: #2EAAE4 url(../images/m3share_i4a.png) no-repeat center center;
}

.m3share_a5 {
    background: url(../images/m3share_i5.png) no-repeat center center;
}

.m3share_a5:hover {
    background: #31579D url(../images/m3share_i5a.png) no-repeat center center;
}

.m3share_point {
    height: 60px;
    background: url(../images/m3sri1.png) no-repeat center center;
    margin: 0px 24px;
    float: left;
    width: 30px;
}

.m3share_point:hover {
    background: url(../images/m3sri1a.png) no-repeat center center;
}

.m3share_email {
    background: url(../images/m3sri2.png) no-repeat center center;
    height: 60px;
    width: 26px;
    float: left;
}

.m3share_email:hover {
    background: url(../images/m3sri2a.png) no-repeat center center;
}

.m3csMain {
    padding-top: 5.2vw;
}

.m3maoLink {
    display: block;
    height: 0;
    position: relative;
    top: -180px;
}

.m3csItem {
    padding-bottom: 5.2vw;
}

.m3cs_t {
    text-align: center;
    position: relative;
    line-height: 50px;
    height: 51px;
}

.m3cs_t:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    position: absolute;
    left: 0;
    top: 50%;
}

.m3cs_t span {
    display: inline-block;
    background: #fff;
    padding: 0 40px;
    position: relative;
    font-size: 34px;
    letter-spacing: 4px;
}

.m3csTxt {
    font-size: 24px;
    line-height: 36px;
    margin-top: 1.87vw;
    letter-spacing: 1px;
}

.m3csul {
    margin: 30px -12px 0px;
}

.m3csul li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 24px;
}

.m3cs_a1 {
    display: block;
    padding: 50px 35px 42px;
    border-radius: 6em 0 6em 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.m3cs_a1:hover {
    transform: translateY(-10px);
}

.m3cs_a1 span {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.m3cs_a1 span img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m3cs_a1 strong {
    font-size: 24px;
    line-height: 36px;
    display: block;
    font-weight: normal;
    margin: 30px 0px 26px;
    height: 36px;
    overflow: hidden;
    text-align: center;
    color: #333;
}

.m3cs_a1 p {
    font-size: 18px;
    line-height: 32px;
    color: #808080;
}

.m3csSwiper {
    background: #F2F4F5;
    padding: 55px 160px 70px;
    margin-top: 32px;
}

.m3cs_c3Item {}

.m3cs_c3Item_a {
    display: block;
    height: auto;
    position: relative;
    text-align: center
}

.m3cs_c3Item_a img {
    /* position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;*/
    display: inline-block !important;
}

.m3csSwiper .slick-prev {
    background: url(../images/m3cs_btn.png) no-repeat center center;
    display: inline-block;
    height: 38px;
    width: 20px;
    position: absolute;
    left: 40px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    margin-top: -19px;
}

.m3csSwiper .slick-next {
    background: url(../images/m3cs_btn.png) no-repeat center center;
    display: inline-block;
    height: 38px;
    width: 20px;
    position: absolute;
    right: 40px;
    top: 50%;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    transform: rotate(180deg);
    margin-top: -19px;
}

.m3csSwiper .slick-prev:hover,
.focus .slick-next:hover {
    background-image: url(../images/m3cs_btn.png);
}

.m3csSwiper .slick-disabled {
    opacity: 0.3 !important;
    cursor: default;
}

.m3cs_anis {
    height: 110px;
    width: 110px;
    margin-top: -55px;
    margin-left: -55px;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
}

.m3cs_anis:before,
.m3cs_anis:after {
    content: "";
    background-color: rgba(223, 32, 61, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    animation: m3sacle 3s linear infinite;
    opacity: 0;
}

.m3cs_anis:after {
    animation-delay: 1.5s;
}

.m3cs_anis i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #df203d url(../images/m3cs_serIco.png) no-repeat center center;
    border-radius: 50%;
    z-index: 2
}

@keyframes m3sacle {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.6);
    }
}

.m3cs_st {
    line-height: 40px;
    height: 40px;
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
    margin: 1.66vw 0px;
}

.m3cs_sul {
    border: 1px solid #E6E6E6;
    padding: 1.66vw 1.97vw;
    font-size: 20px;
    line-height: 36px;
}

.m3cs_sul li {
    font-size: 16px;
    line-height: 26px;
    color: #808080;
    margin: 3px 0px;
    padding-left: 11px;
    position: relative;
}

.m3cs_sul li:before {
    content: "";
    background: #808080;
    height: 2px;
    width: 2px;
    left: 0px;
    top: 12px;
    position: absolute
}

.m3csc3TagBox {
/*    height: 480px;*/
    border: 1px solid #E6E6E6;
    position: relative;
    background: url(../images/m3cs_c4bg.jpg) no-repeat right center;
    display: flex;
}

.m3csTag {
/*    float: left;*/
/*    height: 478px;*/
    width: 240px;
    border-right: 1px solid #E6E6E6;
    padding-top: 58px;
}

.m3csTag a {
    font-size: 18px;
    line-height: 28px;
    padding: 14px 20px 14px 20px;
    display: block;
    margin-bottom: 3px;
    position: relative;
}

.m3csTag a:after {
    content: "";
    background: #df203d;
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 0px;
    width: 4px;
    display: none;
}

.m3csTag a.on,
.m3csTag a:hover {
    background: url(../images/m3cs_tline.png) repeat-y left top;
    color: #333;
}

.m3csTag a.on:after,
.m3csTag a:hover:after {
    display: block;
}

.m3csTagConSwiper {
    width: calc(100% - 240px);
    padding: 60px 38px 72px;
}

.m3csTg {
/*    height: 478px;*/
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 1px;
}

.m3csTg strong {
    font-size: 32px;
    line-height: 42px;
    font-weight: normal;
    display: block;
    margin-bottom: 2.34vw;
}

.m3csTg p {
    font-size: 24px;
    line-height: 36px;
}

.m3csul2 {
    margin: 32px -12px 0px;
    display: flex;
    flex-wrap: wrap;
}

.m3csul2 li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 24px;
}

.m3cs_a2 {
    display: block;
    height: 100%;
    background: #E2E6EC;
    overflow: hidden;
    position: relative;
}

.m3cs_a2:before {
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out;
    right: 20px;
    bottom: 20px;
    border-radius: 0 0 6em 0;
    background: #104484;
    left: 0;
    top: 0
}

.m3cs_a2:hover {
    background: #FBE4E7;
}

.m3cs_a2:hover:before {
    background: #df203d;
}

.m3cs_a2x {
    position: relative;
    color: #fff;
    padding: 30px 40px 60px;
}

.m3cs_a2x span {
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    display: block;
}


.m3cs_a2des strong {
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 28px;
    position: relative;
}

.m3cs_a2des strong:after {
    content: "";
    background: #df203d;
    height: 4px;
    width: 24px;
    position: absolute;
    left: 0px;
    bottom: -17px;
    transition: all 0.5s ease-in-out;
}

.m3cs_a2:hover .m3cs_a2des strong:after {
    background: #fff;
}

.m3cs_a2des p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
}

.m3csc5swiper {
    margin-top: 1.66vw;
    padding-bottom: 2.39vw;
}

.m3cs_c5item {
    overflow: hidden;
}

.m3cs_c5item .bgImg {
    width: 464px;
    height: 261px;
    float: left;
}

.m3cs_c5des {
    margin-left: 528px;
    min-height: 261px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m3cs_c5des strong {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
}

.m3cs_c5des p {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    letter-spacing: 1px;
    margin: 14px 0px 28px;
}

.m3cs_c5des .hmc1cm {
    margin-right: 20px;
}

.m3csc6swiper {
    margin-top: 1.66vw;
    padding-bottom: 2.39vw;
}

.m3cs_c6item {
    overflow: hidden;
}

.m3cs_c6item .bgImg {
    width: 464px;
    height: 261px;
    float: right;
    cursor: pointer
}

.m3cs_c6item .m3cs_c5des {
    float: left;
    width: calc(100% - 528px);
    margin-left: 0
}

.isVideo:after {
    content: "";
    background: #FFF url(../images/m3cs_pi.png) no-repeat center center;
    height: 60px;
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.m3cs_c6item .bgImg:hover:after {
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.7);
}

.m2csc7ul {
    margin: 2.5vw -12px 0px;
    display: flex;
    flex-wrap: wrap;
}

.m2csc7ul li {
    padding: 0px 12px;
    float: left;
    width: 25%;
}

.m2csc7a {
    padding: 32px 35px;
    display: block;
    background: #F2F4F5;
}

.m2csc7a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}

.m2csc7a strong {
    font-size: 24px;
    line-height: 42px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
}

.m2csc7a p {
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    margin: 22px 0px 44px;
    overflow: hidden;
}

.m2csc7a span {
    font-size: 16px;
    color: #104484;
    line-height: 26px;
    transition: all 0.5s ease-in-out;
}

.m2csc7a:hover span {
    color: #df203d;
}

@media (max-width:1799px) {
    .m3cs_t span {
        font-size: 26px;
    }

    .m3csTxt {
        font-size: 20px;
        line-height: 32px;
    }

    .m2xwu1x strong {
        font-size: 21px;
        line-height: 32px;
    }

    .m2xwu1x p {
        font-size: 15px;
    }

    .m3csTag a {
        font-size: 17px;
    }

    .m3csc3TagBox {
/*        height: 420px;*/
    }

    .m3csTag {
/*        height: 420px;*/
    }

    .m3csTg {
/*        height: 420px;*/
    }

    .m3csTg strong {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 1.4vw;
    }

    .m3csTg p {
        font-size: 20px;
        line-height: 34px;
    }

    .m3cs_c5des {
        margin-left: 498px;
    }

    .m3cs_a1 span {
        width: 60px;
        height: 60px;
    }

    .m3cs_a1 {
        padding: 30px 25px 42px;
    }

    .m3cs_a1 strong {
        font-size: 20px;
        line-height: 30px;
        margin: 18px 0px 15px
    }

    .m3cs_a1 p {
        font-size: 15px;
        line-height: 28px;
    }

    .m3cs_st {
        font-size: 21px;
    }

    .m3cs_a2des strong {
        font-size: 21px;
    }

    .m3cs_a2des strong:after {
        height: 3px;
    }

    .m3cs_a2des p {
        font-size: 15px;
    }

    .m2csc7a {
        padding: 28px 25px;
    }

    .m2csc7a strong {
        font-size: 21px;
        line-height: 32px;
    }

    .m2csc7a p {
        font-size: 15px;
        line-height: 30px;
        margin: 15px 0px 30px;
    }

    .m3cs_sul {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width:1199px) {
    .m3menu_a {
        min-width: 50px;
        padding: 0 8px;
    }

    .m3share_point {
        margin: 0 10px;
    }

    .m3shareBtn {
        width: 50px;
    }
}

@media (max-width:993px) {
    .m3cs_c5item .bgImg {
        width: 345px;
    }

    .m3cs_c5des {
        margin-left: 368px;
    }

    .m3cs_c6item .bgImg {
        width: 345px;
    }

    .m3cs_c6item .m3cs_c5des {
        width: calc(100% - 378px)
    }

    .m2csc7ul li {
        width: 50%;
        margin-bottom: 25px;
    }
}

@media (max-width:767px) {
    .m3menuWpr {
        display: none;
    }

    .m3cs_t span {
        font-size: 22px;
    }

    .m3csc5swiper {
        margin-top: 15px;
    }

    .m3cs_c5item .bgImg {
        width: 100%;
        float: none;
        height: 210px;
    }

    .m3cs_c5des {
        margin-left: 0;
        margin-top: 18px;
    }

    .m3cs_c5des p {
        font-size: 14px;
        line-height: 28px;
    }

    .m3csMain {
        padding-top: 30px;
    }

    .m3csul li {
        width: 100%;
    }

    .m3cs_a1 {
        transform: translateY(0) !important;
        border-radius: 4em 0 4em 0
    }

    .m3cs_a1 strong {
        font-size: 18px;
        margin: 14px 0px 5px
    }

    .m3cs_a1 p {
        font-size: 14px;
    }

    .m3csSwiper {
        padding: 35px 0 70px;
    }

    .m3cs_sul li {
        font-size: 14px;
    }

    .m3cs_st {
        margin: 10px 0;
    }

    .m3csc3TagBox{
/*        height: 420px;*/
    }

    .m3csTag {
        display: none;
    }

    .m3csul2 li {
        width: 100%;
    }

    .m3csc3TagBox .m3csTagConSwiper .slick-dots li {
        background: #ccc;
    }

    .m3csc3TagBox .m3csTagConSwiper .slick-dots li.slick-active {
        background: #df203d;
    }

    .m3cs_a2x span {
        font-size: 36px;
    }

    .m3csc6swiper {
        margin-top: 25px;
    }

    .m3cs_c6item .bgImg {
        width: 100%;
        float: none;
        height: 210px;
    }

    .m3cs_c6item .m3cs_c5des {
        width: 100%;
    }

    .m2csc7ul li {
        width: 100%;
    }

    .m2csc7ul {
        margin-top: 25px;
    }

    .m2csc7a {
        transform: translateY(0) !important;
    }

    .m3cs_sul {
        font-size: 15px;
        line-height: 28px;
    }
}

.m2Page {
    padding-top: 5.2vw;
    padding-bottom: 5.2vw;
}

.m2zjList {
    margin: 0px -12px;
}

.m2zjList li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 3.12vw;
}

.m2zj_aBox {
    display: block;
}

.m2zj_aBox .overflowHide {
    height: 261px;
}

.m2zj_txt {
    margin: 0px 2.08vw;
    padding: 1.66vw 0px;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    transition: all 0.5s ease-in-out;
}

.m2zj_txt p {
    font-size: 24px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    letter-spacing: 2px;
    color: #333;
}

.m2zj_txt:after {
    content: "";
    background: #df203d;
    height: 60px;
    width: 4px;
    position: absolute;
    left: -1.04vw;
    top: -30px;
}

.m2zj_aBox:hover .m2zj_txt {
    border-bottom: 1px solid #df203d;
}

.page {
    text-align: center;
    margin: 0;
}

.page * {
    vertical-align: middle;
}

.page a {
    font-size: 12px;
    color: #666;
    text-align: center;
    display: inline-block;
    padding: 0px 15px;
    margin: 0px 4px;
    border: 1px solid #D9D9D9;
    line-height: 40px;
    min-width: 40px;
    cursor: default
}

.page a.active,
.page a:hover {
    color: #FFF;
    background: #d11031;
    border: 1px solid #d11031;
}

@media (max-width:1799px) {
    .m2zj_aBox .overflowHide {
        height: 205px;
    }

    .m2zj_txt p {
        font-size: 18px;
        line-height: 28px;
        height: 84px;
    }

    .m2zj_txt:after {
        width: 2px;
    }
}

@media (max-width:993px) {
    .m2Page {
        padding-bottom: 60px;
    }

    .m2zjList li {
        width: 50%;
    }
}

@media (max-width:767px) {
    .page a {
        margin-bottom: 10px;
    }

    .m2zjList li {
        width: 100%;
    }

    .m2zj_txt p {
        font-size: 16px;
    }

    .m2zj_txt {
        padding-top: 12px;
    }
}

.m2nTop {
    padding-top: 9.63vw;
    padding-bottom: 12.5vw;
    background: #fff url(../images/m2nBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1
}

.m2nTt {
    line-height: 60px;
    height: 60px;
    margin-bottom: 30px;
    font-size: 46px;
    letter-spacing: 2px;
}

.m2nSiperWpr {
    position: relative;
}

.m2nNumbs {
    height: 36px;
    position: absolute;
    right: 0px;
    top: -68px;
    color: #808080;
    font: 24px/36px eu_r;
}

.m2nNumbs span:nth-child(1) {
    font-weight: bold;
    color: #d11031;
    font-family: eu_b;
}

.m2nSiper {
    position: relative;
}

.m2nSiper .slick-prev {
    background: #C2C2C2 url(../images/m2narBtn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    top: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    bottom: -100px;
    right: 70px;
    transition: all 0.5s ease-in-out;
}

.m2nSiper .slick-next {
    background: #C2C2C2 url(../images/m2narBtn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    top: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    bottom: -100px;
    right: 0px;
    transition: all 0.5s ease-in-out;
    transform: rotate(180deg);
}

.m2nSiper .slick-prev:hover,
.m2nSiper .slick-next:hover {
    background: #df203d url(../images/m2narBtn.png) no-repeat center center;
}

.m2nSitem {}

.m2nsaBox {
    display: block;
    height: 540px;
    background: #fff;
    overflow: hidden;
}

.m2nsaBox .overflowHide {
    width: 66.66%;
    height: 540px;
    float: left;
}

.m3nTrx {
    width: 33.34%;
    float: right;
    padding: 72px 50px 0;
}

.m3nttm {
    height: 107px;
    position: relative;
    padding: 18px 0px 0px 116px;
}

.m3nttm span {
    font: 90px/104px eu_b;
    color: #cdcdcd;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    border-bottom: 4px solid #df203d;
}

.m3nttm p {
    font: 24px/28px eu_r;
    color: #cdcdcd;
    display: block;
}

.m3nTdes {
    margin-top: 48px;
}

.m3nTdes strong {
    font-size: 24px;
    line-height: 32px;
    display: block;
    max-height: 64px;
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: 2px;
}

.m3nTdes p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    height: 96px;
    overflow: hidden;
    letter-spacing: 1px;
}

.m3nTsbtn {
    margin-top: 22px;
    text-align: right;
}

.m3nTdes span {
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    background: url(../images/m2nar.png) no-repeat right center;
    display: inline-block;
    padding-right: 16px;
}

.m2nVar {
    padding: 0 0px 24px;
}

.m2nVrint {
    width: calc(66.66% - 12px);
    float: left;
    position: relative;
    height: 90px;
}

.m2nVrint input {
    border: 2px solid #E6E6E6;
    width: 100%;
    line-height: 86px;
    height: 90px;
    font-size: 16px;
    color: #666;
    padding: 0px 110px 0px 35px;
    border-radius: 0.2em;
}

.m2nVrint button {
    background: url(../images/m2nser_ico.png) no-repeat center center;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 36px;
    cursor: pointer;
}

.m2nVrx {
    width: calc(33.34% - 12px);
    float: right;
    border: 2px solid #E6E6E6;
    height: 90px;
    position: relative;
    border-radius: 0.2em;
}

.m2nVrx select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent url(../images/m2n_arrow.png) no-repeat calc(100% - 32px) center;
    padding-right: 90px;
    opacity: 1;
    color: #df203d;
    font: 16px/86px "微软雅黑";
    width: calc(100% - 108px);
    height: 86px;
    padding-left: 20px;
    float: right;
}

.m2nVrnm {
    border-right: 2px solid #e6e6e6;
    float: left;
    width: 108px;
    line-height: 86px;
    font-size: 16px;
    color: #cccccc;
    text-align: center
}

.m2nul {
    border-bottom: 4px solid #E6E6E6;
    margin: 0px -12px 40px;
}

.m2nul li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 34px;
}

.m2naBox {
    display: block;
    padding: 0px 0 3.22vw;
    position: relative;
}

.m2naBox:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
    background: #fff;
}

.m2naBox .overflowHide {
    height: 261px;
}

.m2nbm {
    padding: 15px 28px 0;
    position: relative;
}

.m2nbm span {
    font: 16px/46px din_light;
    display: block;
    color: #cccccc;
}

.m2nbm p {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2px;
    display: block;
    height: 64px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}

.m2naBox:after {
    content: "";
    background: url(../images/m2nar.png) no-repeat center center;
    height: 12px;
    width: 8px;
    position: absolute;
    left: 28px;
    bottom: 1.66vw;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.m2naBox:hover:after {
    opacity: 1;
}

@media (max-width:1799px) {
    .m2nVrint input {
        height: 70px;
        line-height: 66px;
    }

    .m2nVrnm {
        line-height: 66px;
    }

    .m2nVrx select {
        height: 66px;
        line-height: 66px;
    }

    .m2nVrx {
        height: 70px;
    }

    .m2nVrint {
        height: 70px;
    }

    .m2csul li {
        padding: 30px 0;
    }

    .m2nTop {
        padding-top: 8.6vw;
    }

    .m2nTt {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .m2nsaBox {
        height: 420px;
    }

    .m2nsaBox .overflowHide {
        width: 60%;
        height: 420px;
    }

    .m3nTrx {
        width: 40%;
        padding: 20px 35px 0;
    }

    .m3nttm {
        transform: scale(0.8);
        transform-origin: left center;
    }

    .m3nTdes {
        margin-top: 20px;
    }

    .m3nTdes strong {
        font-size: 21px;
        letter-spacing: 1px;
        margin-bottom: 12px;
    }

    .m3nTdes p {
        font-size: 15px;
        line-height: 30px;
        height: 90px;
    }

    .m2nSiper .slick-next {
        width: 50px;
        height: 50px;
        bottom: -80px;
    }

    .m2nSiper .slick-prev {
        width: 50px;
        height: 50px;
        right: 62px;
        bottom: -80px;
    }

    .m2nTop {
        padding-bottom: 11vw;
    }
}

@media (max-width:1199px) {
    .m2nTop {
        padding-top: 30px;
    }
}

@media (max-width:993px) {
    .m2nVrint {
        width: calc(50% - 12px);
    }

    .m2nVrx {
        width: calc(50% - 12px);
    }

    .m2nul li {
        width: 50%;
    }
}

@media (max-width:767px) {
    .m2nVrint {
        width: 100%;
        height: 50px;
        margin-bottom: 10px;
    }

    .m2nVrint input {
        height: 50px;
        line-height: 46px;
        padding: 0px 80px 0px 15px;
        font-size: 15px;
    }

    .m2nVrint button {
        right: 16px;
    }

    .m2nVrx {
        width: 100%;
        height: 50px;
    }

    .m2nVrnm {
        line-height: 46px;
        font-size: 15px;
    }

    .m2nVrx select {
        line-height: 46px;
        height: 46px;
        padding-left: 10px;
        padding-right: 40px;
        font-size: 15px;
        background: transparent url(../images/m2n_arrow.png) no-repeat calc(100% - 20px) center;
    }

    .m2nul li {
        width: 100%;
    }

    .m2nbm p {
        font-size: 16px;
    }

    .m2naBox {
        padding-bottom: 35px;
    }

    .m2naBox {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        transform: translateY(0px) !important;
        background: #fff;
    }

    .m2naBox:after {
        opacity: 1;
    }

    .m2nbm {
        padding: 15px 15px 15px;
    }

    .m2naBox:after {
        bottom: 20px;
        left: 15px;
    }

    .m2nbm p {
        font-size: 16px;
    }

    .m2nTt {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .m2nNumbs {
        font-size: 18px;
    }

    .m2nsaBox .overflowHide {
        width: 100%;
        height: 190px;
        float: none;
    }

    .m3nTrx {
        width: 100%;
        float: none;
        padding: 10px 15px 0
    }

    .m3nttm {
        transform: scale(0.66);
    }

    .m3nTdes {
        margin-top: 0;
    }

    .m3nTdes strong {
        font-size: 16px;
        line-height: 30px;
        height: auto;
        max-height: 60px;
    }

    .m2nsaBox {
        height: 560px;
    }

    .m2nNumbs {
        top: -53px;
    }

    .m3nTsbtn {
        text-align: left;
    }

    .m2nSiper .slick-prev {
        bottom: 24px;
        z-index: 2;
    }

    .m2nSiper .slick-next {
        bottom: 24px;
        z-index: 2;
    }

    .m2Page {
        padding-top: 50px;
    }
}

.m3nDetail {
    background: #f2f4f5;
    padding-top: 64px;
}

.m3n_bt {
    font-size: 36px;
    line-height: 110px;
}

.m3nDetail .m2nul {
    margin-bottom: 0;
    border: none;
    padding-bottom: 2vw;
}

.m2pos {
    text-align: right;
    padding-right: 60px;
    font-size: 12px;
    line-height: 74px;
    color: #808080;
    height: 74px;
}

.m2pos_a {
    color: #808080;
}

.m2pos span {
    display: inline-block;
    margin: 0px 10px;
}

.m3nPage {
    margin-top: 2.34vw;
    margin-bottom: 2.86vw;
    position: relative;
}

.m3nPlx {
    width: calc(100% - 488px);
    float: left;
    background: #FFF;
    padding: 35px 60px 62px;
}

.m3nLt {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 4px;
    display: block;
}

.m3ninfo {
    line-height: 40px;
    margin-top: 22px;
    padding-bottom: 30px;
    border-bottom: 4px solid #E6E6E6;
    overflow: hidden;
}

.m3ntm {
    background: url(../images/m3n_tm.png) no-repeat left center;
    padding-left: 34px;
    font: 24px din_light;
    color: #cccccc;
    float: left;
}

.m3nShare {
    float: right;
}

.m3nsa1 {
    line-height: 40px;
    background: url(../images/m3nr1a.png) no-repeat center center;
    height: 40px;
    width: 50px;
    float: left;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.m3nsa2 {
    background: url(../images/m3nr2a.png) no-repeat center center;
    float: left;
    height: 40px;
    width: 50px;
    margin-left: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.m3nsa1:hover,
.m3nsa2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.m3nContent {
    font-size: 18px;
    line-height: 36px;
    color: #808080;
    margin: 35px 0px 40px;
}

.m3nContent2 {
    color: #333;
}

.m3nTag {
    line-height: 24px;
    padding-left: 70px;
    position: relative;
    margin-bottom: 2.86vw;
    font-size: 14px;
}

.m3nTag span {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m3nTag a {
    color: #FFF;
    background: #df203d;
    white-space: nowrap;
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 0px 18px;
    font-size: 14px;
}

.m3nPages {
    height: 130px;
    position: relative;
}

.m3nPages2 {
    margin-top: 3vw;
}

.m3nPages:before {
    content: "";
    background: #E6E6E6;
    position: absolute;
    height: 1px;
    top: 29px;
    right: 0px;
    bottom: 0px;
    left: 0
}

.m3nbakWpr {
    background: #FFF;
    width: 120px;
    margin-left: -60px;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 1;
    text-align: center;
}

.m3nback {
    line-height: 26px;
    padding-top: 65px;
    font-size: 14px;
    color: #808080;
    letter-spacing: 1px;
    display: block;
    position: relative;
}

.m3nback:before {
    content: "";
    background: url(../images/m3n_bk.png) no-repeat center center;
    display: block;
    height: 60px;
    width: 60px;
    margin-left: -30px;
    border: 1px solid #ECECEC;
    position: absolute;
    left: 50%;
    top: 0px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}

.m3nback:hover:before {
    color: #FFF;
    background: #df203d url(../images/m3n_bkw.png) no-repeat center center;
    border: 1px solid #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m3npage_prev {
    line-height: 58px;
    text-align: center;
    display: inline-block;
    height: 60px;
    width: 200px;
    border: 1px solid #E6E6E6;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 18px;
    color: #808080;
}

.m3npage_next {
    line-height: 58px;
    text-align: center;
    display: inline-block;
    height: 60px;
    width: 200px;
    border: 1px solid #E6E6E6;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 18px;
    color: #808080;
}

.m3npage_next:hover,
.m3npage_prev:hover {
    color: #FFF;
    background: #df203d;
    border: 1px solid #df203d;
}

.m3nPrx {
    width: 464px;
    float: right;
    background: #fff;
    background: #fff;
    position: sticky;
    top: 120px;
    padding-top: 40px;
    padding-bottom: 1.56vw;
}

.m3nrt {
    line-height: 48px;
    height: 48px;
    border-left: 4px solid #D10F34;
    padding-left: 56px;
    font-size: 36px;
    letter-spacing: 1px;
}

.m3nrAbox {
    display: block;
    margin: 32px 60px 16px;
}

.m3nrAbox .overflowHide {
    height: 194px;
}

.m3nRul {
    margin: 0px 60px;
    padding-bottom: 45px;
}

.m3nRul li {
    padding-left: 22px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    position: relative
}

.m3nra {
    color: #808080;
}

.m3nra span {
    display: inline-block;
    line-height: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #808080;
}

.m3nRul li:nth-child(1) span {
    color: #d11031;
}

.m3nRul li:nth-child(2) span {
    color: #ff4e00;
}

.m3nRul li:nth-child(3) span {
    color: #ffc600;
}

@media (max-width:1799px) {
    .m2pos {
        line-height: 60px;
        height: 60px;
    }

    .m3nPage {
        margin-top: 1vw;
    }

    .m3nLt {
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 2px;
    }

    .m3nrt {
        line-height: 36px;
        height: 36px;
        font-size: 24px;
        padding-left: 36px;
    }

    .m3nPlx {
        padding: 35px 30px 55px;
    }

    .m3nPrx {
        top: 100px;
    }

    .m3csra:hover span,
    .m3csra.on span {
        margin-top: 5px;
    }

    .m3ntm {
        font-size: 20px;
    }

    .m3nContent {
        font-size: 16px;
        line-height: 32px;
    }

    .m3nPrx {
        width: 400px;
    }

    .m3nPlx {
        width: calc(100% - 428px);
    }

    .m3nrAbox {
        margin: 25px 36px 16px;
    }

    .m3nRul {
        margin: 0px 36px;
    }

    .m3nRul li {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .m3npage_prev,
    .m3npage_next {
        line-height: 50px;
        height: 52px;
        font-size: 16px;
    }

    .m3n_bt {
        font-size: 24px;
        line-height: 80px;
        height: 80px;
    }

    .m2naBox .overflowHide {
        height: 205px;
    }

    .m2nbm span {
        line-height: 38px;
    }

    .m2nbm p {
        font-size: 18px;
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1199px) {
    .m3nDetail {
        padding-top: 0;
    }

    .m3nPrx {
        width: 300px;
    }

    .m3nPlx {
        width: calc(100% - 328px);
    }
}

@media (max-width:993px) {
    .m2pos {
        padding-right: 45px;
    }

    .m3nPlx {
        padding-bottom: 25px;
    }

    .m3nPlx {
        width: 100%;
        float: none;
    }

    .m3nPrx {
        width: 100%;
        margin-top: 25px;
        float: none;
    }
}

@media (max-width:767px) {
    .m2pos {
        line-height: 22px;
        padding: 15px;
    }

    .m2pos span {
        margin: 0 3px;
    }

    .m3nPlx {
        padding: 25px 15px 35px;
    }

    .m3nLt {
        font-size: 22px;
        font-weight: normal;
        line-height: 36px;
        text-align: center;
        border-bottom: 2px solid #efefef;
        padding-bottom: 15px;
    }

    .m3csFun {
        display: none;
    }

    .m3nPrx {
        padding-top: 30px;
    }

    .m3nrt {
        padding-left: 15px;
        font-size: 22px;
    }

    .m3nPrx {
        padding-top: 35px;
    }

    .m3nShare {
        display: none;
    }

    .m3ntm {
        font-size: 16px;
    }

    .m3ninfo {
        padding-bottom: 20px;
        border-bottom: 2px solid #efefef;
    }

    .m3nContent {
        font-size: 15px;
        line-height: 28px;
    }

    .m3nPages {
        height: 160px;
    }

    .m3npage_prev,
    .m3npage_next {
        width: 48%;
    }

    .m3nrAbox,
    .m3nRul {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.m2dtul {
    margin-bottom: 2vw;
}

.m2dtul li {
    margin-bottom: 30px;
}

.m2dt_aBox {
    display: block;
    padding: 3.12vw;
    background: #F5F5F5;
    overflow: hidden;
}

.m2dt_aBox:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.m2dt_aBox .overflowHide {
    float: left;
    height: 270px;
    width: 480px;
}

.m2dt_des {
    width: calc(100% - 480px);
    padding-left: 3.12vw;
    padding-top: 50px;
    float: right;
}

.m2dt_des p {
    font-size: 24px;
    color: #df203d;
    line-height: 36px;
    margin-bottom: 22px;
}

.m2dt_des strong {
    font-size: 36px;
    line-height: 48px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    color: #333;
}

.m2dtul li:nth-child(2n) .m2dt_aBox .overflowHide {
    float: right;
}

.m2dtul li:nth-child(2n) .m2dt_des {
    float: left;
    padding-left: 0;
    padding-right: 3.12vw;
}

@media (max-width:1799px) {
    .m2dt_aBox .overflowHide {
        height: 220px;
        width: 430px;
    }

    .m2dt_des {
        padding-top: 40px;
        width: calc(100% - 430px);
    }

    .m2dt_des p {
        font-size: 21px;
        line-height: 30px;
    }

    .m2dt_des strong {
        font-size: 24px;
        line-height: 38px;
    }
}

@media (max-width:993px) {
    .m2dt_aBox .overflowHide {
        width: 350px;
    }

    .m2dt_des {
        width: calc(100% - 350px);
    }

    .m2dt_des strong {
        font-size: 18px;
        line-height: 30px;
    }

    .m2dt_des p {
        margin-bottom: 10px;
    }
}

@media (max-width:767px) {
    .m2dt_aBox .overflowHide {
        width: 100%;
        float: none;
        height: 180px;
    }

    .m2dt_des {
        width: 100%;
        float: none;
    }

    .m2dt_des {
        padding-top: 20px;
    }

    .m2dt_des p {
        font-size: 17px;
    }

    .m2dt_des strong {
        font-size: 16px;
        line-height: 28px;
    }

    .m2dt_aBox {
        padding-bottom: 20px;
    }
}

.m2csul {
    margin-bottom: 50px;
    margin-top: -10px;
}

.m2csul li {
    padding: 40px 0px;
    border-bottom: 1px solid #E6E6E6;
}

.m2cs_aBox {
    display: block;
    overflow: hidden;
}

.m2cs_aBox .overflowHide {
    float: left;
    height: 270px;
    width: 480px;
}

.m2csRdes {
    margin-left: 518px;
    padding-top: 32px;
}

.m2csRdes strong {
    font-size: 24px;
    line-height: 42px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    height: 42px;
    margin-bottom: 10px;
}

.m2csRdes p {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 64px;
    overflow: hidden;
    margin-bottom: 22px;
}

.m2csRdes span {
    font-size: 14px;
    color: #104484;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    border: 1px solid #104484;
    border-radius: 0.2em;
    transition: all 0.5s ease-in-out;
}

.m2cs_aBox:hover .m2csRdes span {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(16, 68, 132, 0.3);
    background: #104484;
}

@media (max-width:1799px) {
    .m2cs_aBox .overflowHide {
        height: 250px;
        width: 450px;
    }

    .m2csRdes {
        margin-left: 480px;
    }

    .m2csRdes strong {
        font-size: 21px;
        line-height: 36px;
        height: 36px;
        margin-bottom: 5px;
    }

    .m2csRdes p {
        font-size: 15px;
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1199px) {
    .m2cs_aBox .overflowHide {
        width: 400px;
    }

    .m2csRdes {
        margin-left: 430px;
    }

    .m2csRdes span {
        width: 140px;
    }
}

@media (max-width:993px) {
    .m2cs_aBox .overflowHide {
        width: 358px;
    }

    .m2csRdes {
        margin-left: 380px;
    }
}

@media (max-width:767px) {
    .m2csul li {
        padding: 20px 0 35px;
    }

    .m2cs_aBox .overflowHide {
        width: 100%;
        height: 185px;
        float: none
    }

    .m2csRdes {
        margin-left: 0;
        margin-top: 15px;
        padding-top: 0
    }

    .m2csRdes strong {
        font-size: 20px;
    }

    .m2csRdes p {
        height: auto;
        max-height: 120px;
        -webkit-line-clamp: 3;
        font-size: 13px;
    }

    .m2csRdes span {
        transform: translateY(0) !important;
        box-shadow: none !important;
    }

    .m2csul {
        margin-bottom: 30px;
    }
}

.m3csBom {
    height: 4.2vw;
}

.m3csDetail .m3nPlx {
    width: calc(100% - 384px);
}

.m3csDetail .m3nPrx {
    width: 360px;
}

.m3csFun {
    height: 82px;
    margin-top: 48px;
    border-bottom: 4px solid #E6E6E6;
}

.m3csFun .m3shareBox {
    bottom: -10px;
}

.m3csFun .m3shareBtn {
    background: url(../images/m3srbib.png) no-repeat center center;
}

.m3csFun .m3shareBtn:hover {
    background: url(../images/m3srbi.png) no-repeat center center;
}

.m3csFun .m3share_point {
    background: url(../images/m3sri1b.png) no-repeat center center;
}

.m3csFun .m3share_point:hover {
    background: url(../images/m3sri1a.png) no-repeat center center;
}

.m3csFun .m3share_email {
    background: url(../images/m3sri2b.png) no-repeat center center;
}

.m3csFun .m3share_email:hover {
    background: url(../images/m3sri2a.png) no-repeat center center;
}

@media (max-width:1799px) {
    .m3csFun {
        margin-top: 38px;
        height: 66px;
        border-bottom: 2px solid #E6E6E6
    }

    .m3csDetail .m3nPrx {
        width: 300px;
    }

    .m3csDetail .m3nPlx {
        width: calc(100% - 324px);
    }
}

@media (max-width:993px) {
    .m3csDetail .m3nPlx {
        width: 100%;
        float: none;
    }

    .m3csDetail .m3nPrx {
        width: 100%;
        float: none;
        margin-top: 25px;
        position: static;
    }
}

@media (max-width:767px) {
    .m3csBom {
        height: 50px;
    }
}

.m3csBlock {
    margin-top: 40px;
}

.m3cs_sbt {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 2px;
    padding-left: 16px;
    border-left: 4px solid #df203d;
}

.m3cs_txt {
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    padding-top: 24px;
}

.m3cs_txt_1 {
    padding-bottom: 32px;
    border-bottom: 1px solid #E6E6E6;
}

.m3csc2ul {}

.m3csc2ul li {
    margin-top: 25px;
}

.m3csc2itm {
    border: 1px solid #E6E6E6;
    padding: 38px 68px 32px 120px;
    position: relative;
    transition: all 0.5s ease-in-out;
    border-radius: 4em 0 4em 0;
}

.m3csc2itm:hover {
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
    border: 1px solid #df203d;
    color: #FFF;
    background: #df203d;
}

.m3csc2itm span {
    font: 40px/40px eu_r;
    color: #df203d;
    text-align: center;
    width: 120px;
    left: 0px;
    top: 34px;
    transition: all 0.5s ease-in-out;
    position: absolute;
}

.m3csc2Txt {
    transition: all 0.5s ease-in-out;
    border-left: 1px solid #E6E6E6;
    padding-left: 40px;
}

.m3csc2Txt strong {
    font-size: 24px;
    line-height: 36px;
    display: block;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 0px;
    transform: translateY(-6px)
}

.m3csc2Txt p {
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
}

.m3csc2itm:hover .m3csc2Txt p {
    color: #fff;
}

.m3csc2itm:hover span {
    color: #fff;
}

.m3csc2itm:hover .m3csc2Txt {
    border-left: 1px solid #E38392;
}

.m3csChangBox {
    background: #0F4784 url(../images/m3cs_bg.jpg) no-repeat right bottom;
    margin-top: 25px;
    color: #fff;
    position: relative;
    display: flex;
}

.m3csCtags {
    padding: 40px 0px;
    width: 252px;
    background: #295891;
}

.m3csCtags a {
    color: #fff;
    display: block;
    padding: 15px 36px 15px 40px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 32px;
}

.m3csCtags a.on {
    color: #fff;
    background: url(../images/m3cs_line.jpg) repeat-y left top;
}

.m3csCboxWpr {
    width: calc(100% - 252px);
    padding: 60px 38px 72px;
}

.m3csCbox {
    font-size: 16px;
    line-height: 24px;
}

.m3csCbox strong {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
    font-weight: normal;
}

.m3csCbox p {}

.m3csrul {
    padding: 0 35px;
    border-top: 1px solid #E6E6E6;
    margin-top: 1.2vw;
}

.m3csrul li:last-child .m3csra {
    border: none;
}

.m3csra {
    display: block;
    padding: 1.2vw 0px;
    border-bottom: 1px solid #E6E6E6;
    position: relative
}

.m3csra:after {
    content: "";
    background: #df203d;
    height: 2px;
    transition: all 0.5s ease-in-out;
    width: 0%;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.m3csra strong {
    font-size: 22px;
    line-height: 36px;
    font-weight: normal;
    display: block;
    height: 36px;
    color: #333;
}

.m3csra p {
    font-size: 14px;
    line-height: 22px;
    color: #808080;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 0.5vw;
}

.m3csra span {
    line-height: 20px;
    background: url(../images/m2nar.png) no-repeat right center;
    display: inline-block;
    height: 0px;
    padding-right: 14px;
    font-size: 14px;
    color: #df203d;
    transition: all 0.3s ease-in-out;
    margin-top: 0px;
    overflow: hidden;
}

.m3csra:hover:after,
.m3csra.on:after {
    width: 100%;
}

.m3csra:hover span,
.m3csra.on span {
    height: 20px;
    margin-top: 10px;
}

@media (max-width:1799px) {
    .m3csBlock {
        margin-top: 30px;
    }

    .m3cs_sbt {
        font-size: 24px;
        line-height: 24px;
    }

    .m3cs_txt {
        font-size: 15px;
        line-height: 30px;
    }

    .m3csra strong {
        font-size: 18px;
        line-height: 28px;
        height: 28px;
    }

    .m3csc2itm span {
        font: 30px/30px eu_r;
        width: 100px;
        left: 0px;
        top: 22px;
    }

    .m3csc2itm {
        padding: 28px 30px 20px 100px;
    }

    .m3csc2Txt strong {
        font-size: 20px;
        line-height: 30px;
    }

    .m3csc2Txt p {
        font-size: 15px;
        line-height: 28px;
        margin-top: 5px;
    }

    .m3csc2Txt {
        padding-left: 30px;
    }

    .m3csCtags a {
        font-size: 16px;
        line-height: 28px;
        padding: 15px 26px 15px 25px;
    }

    .m3csCtags {
        width: 212px;
    }

    .m3csCboxWpr{
        width: calc(100% - 212px);
        padding: 60px 25px 72px;
    }

    .m3csCbox strong {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .m3csCbox {
        font-size: 15px;
    }
}

@media (max-width:767px) {
    .m3cs_sbt {
        font-size: 21px;
    }

    .m3cs_txt {
        font-size: 14px;
        line-height: 28px;
    }

    .m3csc2itm span {
        display: none;
    }

    .m3csc2itm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m3csc2Txt {
        border: none !important;
        padding-left: 0;
    }

    .m3csc2Txt strong {
        font-size: 18px;
    }

    .m3csc2Txt p {
        font-size: 14px;
        margin-top: 0;
    }

    .m3csc2ul li {
        margin-top: 15px;
    }

    .m3csc2ul {
        margin-bottom: 35px;
    }

    .m3csChangBox {
        padding: 0;
    }

    .m3csCtags {
        display: none;
    }

    .m3csCbox {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m3csCboxWpr .slick-dots {
        bottom: 30px;
    }

    .m3csCboxWpr .slick-dots li button {
        display: none;
    }

    .m3csCboxWpr .slick-dots li {
        background: rgba(255, 255, 255, 0.3);
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .m3csCboxWpr .slick-dots li.slick-active {
        background: #fff;
    }

    .m3csCboxWpr {
        padding-top: 40px;
        width: 100%;
    }

    .m3csCbox strong {
        font-size: 18px;
    }

    .m3csBlock {
        margin-top: 40px;
    }

    .m3csrul {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .m3csra {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .m3csra span,
    .m3csra span {
        height: 20px;
        margin-top: 10px;
    }
}

.m2ptCon {
    padding: 2.08vw 0 5.72vw
}

.m2ptLx {
    width: calc(100% - 384px);
    float: left;
}

.m2ptItem {
    padding-top: 40px;
    padding-bottom: 1px;
    background: #fff;
    margin-bottom: 24px;
}

.m2ptLx .m2ptItem:last-child {
    margin-bottom: 0;
}

.m2pt_pt {
    height: 84px;
    line-height: 48px;
    border-bottom: 1px solid #E6E6E6;
    padding-right: 30px;
}

.m2pt_pt span {
    border-left: 4px solid #D10F34;
    padding-left: 25px;
    font-size: 36px;
    letter-spacing: 1px;
    float: left;
}

.m2pt_pt a {
    float: right;
    font-size: 14px;
    letter-spacing: 1px;
    color: #df203d;
}

.m2pt_des {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    padding-top: 32px;
    padding-right: 30px;
    padding-bottom: 46px;
    padding-left: 30px;
}

.m2ptc1ul {
    margin-top: 0px;
    margin-right: 18px;
    margin-bottom: 0px;
    margin-left: 18px;
}

.m2ptc1ul li {
    float: left;
    width: 33.33%;
    padding-top: 40px;
    padding-right: 12px;
    padding-bottom: 38px;
    padding-left: 12px;
}

.m2pt_c1a {
    display: block;
    padding: 80px 30px 35px;
    position: relative;
    border: 1px solid #E6E6E6;
    background: #fff;
    cursor: default;
}

.m2pt_c1a span {
    height: 90px;
    width: 90px;
    border: 7px solid #EFEFEF;
    position: absolute;
    left: 28px;
    top: -45px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    background: #fff;
}

.m2pt_c1a:hover span {
    transform: rotateY(180deg);
}

.m2pt_c1a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m2pt_c1des {}

.m2pt_c1des strong {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    display: block;
    color: #333;
}

.m2pt_c1des p {
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    margin-top: 18px;
}

.m2ptItem .m3csSwiper {
    background-color: #FFF;
    margin-top: 0px;
    padding: 0px 120px 70px;
}

.m3cs_c3Item {
    position: relative;
}

.m2pt_c3ul {
    padding-bottom: 38px;
    padding-top: 0px;
    padding-right: 30px;
    padding-left: 30px;
}

.m2pt_c3ul li {
    margin-bottom: 10px;
}

.m2pt_c3ul li p {
    font-size: 16px;
    line-height: 26px;
    background-color: #F2F4F5;
    padding-top: 17px;
    padding-right: 35px;
    padding-bottom: 17px;
    padding-left: 35px;
    transition: all 0.5s ease-in-out;
    cursor: default;
    position: relative
}

.m2pt_c3ul li p:hover {
    box-shadow: 0 6px 30px rgba(223, 32, 61, 0.3);
    color: #FFF;
    background-color: #df203d;
    z-index: 1;
}

.m2ptc4boxBom {
    height: 401px;
    borders: 1px solid #E6E6E6;
}

.m2ptc4tag {
    float: left;
    height: 400px;
    width: 241px;
    border-right: 1px solid #e6e6e6;
    padding-top: 40px;
}

.m2ptc4tag a {
    display: block;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 20px 10px 30px;
    margin-bottom: 15px;
}

.m2ptc4tag a.on {
    color: #FFF;
    background: #df203d;
}

.m2ptc4CboxWpr {
    margin-left: 241px;
}

.m2ptc4box {
    height: 400px;
    background: url(../images/m2pt_bg1.png) no-repeat right bottom;
    padding: 0px 100px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.m2ptc4box strong {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 15px;
    color: #333;
}

.m2pt_c5t {
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    padding: 32px 30px 30px;
}

.m2ptItem5 {
    background: #FFF url(../images/m2pt_bg2.jpg) no-repeat center bottom;
}

.m2ptItem6 {
    background: #fff url(../images/m2pt_bg3.jpg) no-repeat center bottom;
}

.m2ptc5ul {
    padding: 0px 18px 30px;
}

.m2ptc5ul li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 24px;
}

.m2ptc5a {
    display: block;
    position: relative;
    height: 245px;
    border-radius: 3em 0 3em 0;
    overflow: hidden;
}

.m2ptc5a:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/m2pt_c5sbg.png) repeat-x left bottom;
}

.m2ptc5a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #df203d;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.m2ptc5a:hover:after {
    opacity: 1;
}

.m2ptc5a:hover {
    color: #fff;
}

.m2ptc5x {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 24px;
    padding: 0 30px;
}

.m2ptc5x strong {
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px;
    display: block
}

.m2ptc5x p {
    font-size: 14px;
    line-height: 22px;
    height: 110px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.m2ptc5a i {
    transition: all 0.5s ease-in-out;
    background: #0F4784;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 30px;
    top: 30px;
    border-radius: 0.6em 0 0.6em 0;
    z-index: 3;
}

.m2ptc5a:hover i {
    background: #E88898;
}

.m2ptc6ul {
    padding: 32px 18px 38px;
}

.m2ptc6ul li {
    float: left;
    width: 50%;
    padding: 0px 12px;
    margin-bottom: 24px;
}

.m2ptc6a {
    display: block;
    border: 1px solid #D9D9D9;
    padding: 28px 36px;
    border-radius: 3em 0 3em 0;
}

.m2ptc6a:hover {
    background: #df203d;
    color: #FFF;
    box-shadow: 0px 10px 30px rgba(223, 32, 61, 0.3);
    border: 1px solid #df203d;
}

.m2ptc6a strong {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.m2ptc6a p {
    font-size: 14px;
    line-height: 22px;
    color: #808080;
    transition: all 0.4s ease-in-out;
}

.m2ptc6a:hover p {
    color: #fff;
}

.m2ptc6a strong:before {
    content: "";
    background: #df203d;
    height: 12px;
    width: 6px;
    position: absolute;
    left: -37px;
    top: 11px;
    transition: all 0.5s ease-in-out;
}

.m2ptc6a:hover strong:before {
    background: #fff;
}

.m2ptItem .m3csc5swiper {
    margin-bottom: 50px;
    padding: 40px 30px 42px;
}

.m2ptItem .m3cs_c5item .bgImg {
    height: 180px;
    width: 320px;
}

.m2ptItem .m3cs_c5des {
    margin-left: 350px;
    min-height: 180px;
}

.m2ptItem .m3cs_c5des p {
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    margin: 10px 0px 16px
}

.m3cs_c5btn {
    padding-bottom: 15px;
}

.m2ptItem .hmc1cm {
    line-height: 36px;
    height: 36px;
    width: 120px;
}

.m2ptItem .hmc1cm2 {
    line-height: 34px;
    height: 36px;
    width: 120px;
    border-width: 1px !important;
}

.m2ptItem .m3csc6swiper {
    margin-bottom: 50px;
    padding: 40px 30px 42px;
    margin-top: 0;
}

.m2ptItem .m3cs_c6item .bgImg {
    height: 180px;
    width: 320px;
}

.m2ptItem .m3cs_c6item .m3cs_c5des {
    margin-left: 0;
    width: calc(100% - 352px);
    min-height: 180px;
}

.m2ptItem .isVideo::after {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
}

@media (max-width:1799px) {
    .m2ptCon {
        padding-top: 1vw;
    }

    .m2ptLx {
        width: calc(100% - 324px);
    }

    .m2pt_pt {
        height: 62px;
    }

    .m2ptItem {
        padding-top: 30px;
    }

    .m2pt_pt span {
        font-size: 30px;
    }

    .m2pt_des {
        font-size: 16px;
        line-height: 32px;
    }

    .m2pt_c1a {
        padding: 65px 20px 30px;
    }

    .m2pt_c1des strong {
        font-size: 20px;
        line-height: 30px;
    }

    .m2ptItem .m3csSwiper {
        padding: 0px 100px 60px;
    }

    .m2pt_des {
        padding: 25px 30px;
    }

    .m2pt_c3ul li p {
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .m2ptc4tag a {
        font-size: 16px;
        line-height: 26px;
        padding: 6px 15px 8px 20px;
    }

    .m2ptc4tag {
        width: 220px;
    }

    .m2ptc4CboxWpr {
        margin-left: 220px;
    }

    .m2ptc4box {
        padding: 0 50px;
        font-size: 15px;
        line-height: 30px;
    }

    .m2ptc4box strong {
        font-size: 21px;
        line-height: 30px;
    }

    .m2pt_c5t {
        font-size: 20px;
        line-height: 32px;
    }

    .m2ptc5ul li {
        width: 50%;
    }

    .m2ptc5x strong {
        font-size: 21px;
    }

    .m2ptc6a strong {
        font-size: 21px;
    }

    .m2ptItem .m3csc5swiper {
        padding: 10px 30px 20px;
        margin-bottom: 30px;
    }

    .m3cs_c5des strong {
        font-size: 20px;
    }
}

@media (max-width:1199px) {
    .m2ptCon {
        padding-top: 35px;
    }

    .m2ptItem .m3cs_c5item .bgImg {
        width: 260px;
    }

    .m2ptItem .m3cs_c5des {
        margin-left: 280px;
    }

    .m2ptItem .m3cs_c6item .bgImg {
        width: 260px;
    }

    .m2ptItem .m3cs_c6item .m3cs_c5des {
        width: calc(100% - 280px)
    }

    .m2ptc6ul li {
        width: 100%;
    }
}

@media (max-width:993px) {
    .m2ptLx {
        width: 100%;
        float: none;
    }
}

@media (max-width:767px) {
    .m2ptCon {
        padding-top: 50px;
    }

    .m2pt_pt span {
        font-size: 24px;
        line-height: 30px;
        height: 30px;
    }

    .m2pt_pt {
        height: 52px;
    }

    .m2pt_des {
        padding: 15px 15px;
        font-size: 14px;
        line-height: 28px;
    }

    .m2ptc1ul li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .m2pt_c1des strong {
        font-size: 18px;
    }

    .m2ptItem .m3csSwiper {
        padding: 0px 15px 70px;
    }

    .m3cs_anis {
        transform: scale(0.6);
        transform-origin: center center;
    }

    .pubSwiper .slick-dots {
        bottom: 40px;
    }

    .m2pt_c3ul {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2ptc4tag {
        display: none;
    }

    .m2ptc4CboxWpr {
        margin-left: 0;
    }

    .m2ptc4box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2ptc4box strong {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .m2ptc4box {
        font-size: 14px;
        line-height: 28px;
        display: block !important;
        padding-top: 40px;
    }

    .m2ptc4CboxWpr .slick-dots {
        bottom: 40px;
    }

    .m2ptc4CboxWpr .slick-dots li button {
        display: none;
    }

    .m2ptc4CboxWpr .slick-dots li {
        background: #D6D6D6;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .m2ptc4CboxWpr .slick-dots li.slick-active {
        background: #df203d;
    }

    .m2pt_c5t {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .m2ptc5ul li {
        width: 100%;
    }

    .m2ptc5ul,
    .m2ptc6ul {
        padding-left: 0;
        padding-right: 0;
    }

    .m2ptItem .m3csc5swiper {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 25px;
    }

    .m2ptItem .m3csc6swiper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m2ptItem .m3cs_c5item .bgImg {
        width: 100%;
        float: none;
        display: block;
    }

    .m2ptItem .m3cs_c5des {
        margin-left: 0;
        margin-top: 20px;
    }

    .m3cs_c5des strong {
        font-size: 18px;
        line-height: 28px;
    }

    .m3csc5swiper.pubSwiper .slick-dots {
        bottom: 0;
    }

    .m2ptItem .m3cs_c6item .m3cs_c5des {
        width: 100%;
    }

    .m2ptItem .m3cs_c6item .bgImg {
        width: 100%;
    }

    .m3csc6swiper.pubSwiper .slick-dots {
        bottom: 0;
    }
}

.m2xwu1 {
    margin: 6px -12px 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.m2xwu1 li {
    padding: 0px 12px;
    margin-top: 24px;
    float: left;
    width: 33.33%;
}

.m2xw_aBox {
    display: block;
    position: relative;
    height: 100%;
    min-height: 260px;
}

.m2xw_aBox:before {
    content: "";
    background: url(../images/m2pt_c5sbg.png) repeat-x left bottom;
    border: 1px solid #CFD9E6;
    border-radius: 3em 0 3em 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.m2xw_aBox:after {
    content: "";
    border-radius: 3em 0 3em 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #df203d;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m2xwu1x {
    position: relative;
    z-index: 2;
    padding: 60px 35px 22px;
}

.m2xwu1x strong {
    font-size: 24px;
    font-weight: normal;
    display: block;
    line-height: 36px;
}

.m2xwu1x p {
    font-size: 16px;
    line-height: 28px;
    display: block;
    margin-top: 15px;
    min-height: 56px;
}

.m2xw_aBox:hover:after {
    opacity: 1;
}

.m2xw_aBox:hover {
    color: #fff;
}

.m3wxul2 {
    margin-top: 20px;
}

.m3wxul2 li {
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    background: #f2f4f5;
    font-size: 14px;
    line-height: 26px;
    padding: 17px 40px;
    position: relative;
}

.m3wxul2 li:hover {
    color: #FFF;
    background: #df203d;
    padding: 38px 40px;
    box-shadow: 0 5px 20px rgba(223, 32, 61, 0.3);
    z-index: 1;
}

.m3xw_p1 {
    font-size: 18px;
    line-height: 32px;
    display: none !important;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m3xw_p2 {
    font-size: 18px;
    line-height: 32px;
    display: block !important;
}

.m2xwTagBox {
    margin-top: 38px;
    background: #104484 url(../images/m2xw_bg.jpg) no-repeat right center;
    background-size: auto 100%;
    border: none
}

.m2xwTagBox .m3csTag {
    background: #1c4e8a;
    border: none;
}

.m2xwTagBox .m3csTag a {
    color: #fff;
}

.m2xwTagBox .m3csTag a.on,
.m2xwTagBox .m3csTag a:hover {
    background: #285790;
}

.m2xwTagBox .m3csTg {
    color: #fff;
}

@media (max-width:1799px) {
    .m3xw_p1 {
        font-size: 16px;
        line-height: 30px
    }
}

@media (max-width:993px) {
    .m3xw_p1 {
        display: none !important;
    }

    .m3xw_p2 {
        display: block !important;
        font-size: 14px;
        line-height: 28px;
    }

    .m3wxul2 li {
        padding: 38px 40px;
    }
}

@media (max-width:767px) {
    .m2xwu1 li {
        width: 100%;
        margin-top: 15px;
    }

    .m3csTxt {
        font-size: 15px;
        line-height: 28px;
    }

    .m2xwu1x strong {
        font-size: 18px;
        line-height: 30px;
    }

    .m2xwu1x p {
        font-size: 15px;
    }

    .m2xwu1x {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        position: relative;
    }

    .m2xw_aBox {
        height: auto;
        min-height: auto;
        padding: 50px 0 30px;
    }

    .m2xwu1x p {
        min-height: 10px;
    }

    .m3csItem {
        padding-bottom: 40px;
    }

    .m3xw_p2 {
        font-size: 15px;
        line-height: 28px;
    }

    .m3wxul2 li {
        padding: 20px 15px !important;
    }

    .m2xwTagBox .m3csTag {
        display: none;
    }

    .m3csTagConSwiper {
        width: 100%;
    }

    .m3csTg {
        display: block !important;
    }

    .m3csTg strong {
        font-size: 20px;
        line-height: 30px;
    }

    .m3csTg p {
        font-size: 15px;
        line-height: 28px;
    }

    .m3csTagConSwiper .slick-dots {
        bottom: 40px;
        left: 0;
    }

    .m3csTagConSwiper .slick-dots li button {
        display: none;
    }

    .m3csTagConSwiper .slick-dots li {
        background: rgba(255, 255, 255, 0.3);
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        vertical-align: middle
    }

    .m3csTagConSwiper .slick-dots li.slick-active {
        background: #fff;
    }
}

.m2lxConWpr {
    padding-top: 5.72vw;
    padding-bottom: 5vw;
}

.m2lxTop {}

.m2lx_t {
    font-size: 46px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    line-height: 60px;
}

.m2lxul {
    margin: 35px -23px 0px;
}

.m2lxul li {
    padding: 0px 23px;
    float: left;
    width: 50%;
}

.m2lx_a {
    display: block;
    height: 240px;
    border: 2px solid #104484;
    padding: 73px 0px 0px 252px;
    border-radius: 4em 0 4em 0;
    position: relative;
}

.m2lx_icon {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    margin-top: -40px;
    left: 55px;
    top: 50%;
}

.m2lx_icon img {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.m2lx_a:hover .m2lx_icon img {
    opacity: 0;
}

.m2lx_a:hover .m2lx_icon img.iOpacity {
    opacity: 1;
}

.m2lx_a:hover {
    color: #FFF;
    background: #df203d;
    border: 2px solid #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m2lxTrx {
    height: 90px;
    border-left: 1px solid #CAD6E6;
    padding-left: 55px;
    transition: all 0.5s ease-in-out;
}

.m2lxTrx h4 {
    transition: all 0.3s ease-in-out;
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}

.m2lxTrx p {
    transition: all 0.3s ease-in-out;
    line-height: 30px;
    margin-top: 13px;
    font-size: 14px;
}

.m2lxTrx p strong {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    margin-right: 5px;
    font: 24px din;
    color: #df203d;
    position: relative;
    top: 3px;
}

.m2lxTrx h5 {
    transition: all 0.3s ease-in-out;
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    margin-top: 13px;
}

.m2lx_a:hover .m2lxTrx h4,
.m2lx_a:hover .m2lxTrx p,
.m2lx_a:hover .m2lxTrx h5 {
    color: #fff;
}

.m2lx_a:hover .m2lxTrx p strong {
    color: #fff;
}

.m2lx_a:hover .m2lxTrx {
    border-left: 1px solid #E67285;
}

.m2lxCon {
    padding-top: 5.98vw;
}

.m2lxbmUl {
    margin: 38px -1.25vw 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.m2lxbmUl li {
    margin: 0px 0px 2.7vw;
    padding: 0px 1.25vw;
    width: 33.33%;
}

.m2lx_aBox {
    display: block;
}

.m2lx_aBox .overflowHide {
    height: 252px;
    border-radius: 4em 0 4em 0;
}

.m2lxBm {
    position: relative;
    padding: 22px 40px 0;
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.m2lxBm strong {
    font-size: 24px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    color: #333;
}

.m2lxBm:after {
    content: "";
    background: #df203d;
    height: 90px;
    width: 2px;
    position: absolute;
    left: 20px;
    top: -27px;
}

@media (max-width:1799px) {
    .m2lx_t {
        font-size: 32px;
        line-height: 46px;
    }

    .m2lx_icon {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        left: 40px;
    }

    .m2lx_a {
        height: 178px;
        padding: 40px 0px 0px 130px;
    }

    .m2lxTrx h4 {
        font-size: 21px;
    }

    .m2lxTrx {
        padding-left: 35px;
    }

    .m2lxTrx h5 {
        font-size: 21px;
    }

    .m2lx_aBox .overflowHide {
        height: 180px;
    }

    .m2lxBm strong {
        font-size: 21px;
        line-height: 46px;
    }

    .m2lxBm {
        padding-right: 0;
        font-size: 12px;
        line-height: 26px;
    }
}

@media (max-width:993px) {
    .m2lxul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .m2lxbmUl li {
        width: 50%;
    }
}

@media (max-width:767px) {
    .m2lxConWpr {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .m2lx_t {
        font-size: 24px;
        line-height: 36px;
    }

    .m2lxul {
        margin-top: 25px;
    }

    .m2lx_icon {
        width: 40px;
        height: 40px;
        left: 20px;
        margin-top: -20px;
    }

    .m2lx_a {
        padding: 25px 0px 0px 76px;
        height: 142px;
    }

    .m2lxTrx {
        padding-left: 20px;
    }

    .m2lxTrx h4 {
        font-size: 18px;
    }

    .m2lxTrx p {
        font-size: 12px;
    }

    .m2lxTrx p strong {
        display: block;
        font-size: 20px;
    }

    .m2lxul li:first-child .m2lxTrx p {
        transform: translateY(-15px);
    }

    .m2lxbmUl {
        margin-top: 25px;
    }

    .m2lxbmUl li {
        width: 100%;
        margin-bottom: 35px;
    }
}

.m2abtCon1 {
    padding-top: 6.25vw;
    padding-bottom: 7.29vw;
    background: url(../images/m2abt_logo.png) no-repeat center 20.83vw;
    background-size: 37.5vw auto;
}

.m2abt_c1x1 {}

.m2abt_pt {
    text-align: center;
    max-width: 1030px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.m2abt_pt strong {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 2px;
    display: block;
    font-weight: normal;
}

.m2abt_pt p {
    font-size: 24px;
    line-height: 36px;
    margin-top: 28px;
}

.m2abt_line {
    background: url(../images/m2abt_line.png) no-repeat center center;
    height: 187px;
    margin: 40px 0px 12.5vw;
}

.m2abt_c1x2 {}

.m2abt_btnx {
    text-align: center;
    margin-top: 4.79vw;
}

.m2abt_abtn {
    display: inline-block;
    height: 48px;
    width: 180px;
    font-size: 14px;
    line-height: 48px;
    background: #df203d;
    letter-spacing: 1px;
    padding-left: 20px;
    position: relative;
    text-align: left;
    border-radius: 0.3em;
    color: #fff;
}

.m2abt_abtn i {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 16px;
    line-height: 48px;
}

.m2abt_abtn:hover {
    color: #fff;
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(223, 32, 61, 0.3);
}

.m2abtCon2 {}

.m2abt_c2ul .slick-prev {
    background: #FFF url(../images/hmc4btn1a.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: -18px;
    top: 100px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.m2abt_c2ul .slick-next {
    background: #FFF url(../images/hmc4btn1a.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    right: -18px;
    top: 100px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    border-radius: 50%;
    transform: rotate(180deg);
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.m2abt_c2ul .slick-prev:hover,
.m2abt_c2ul .slick-next:hover {
    background: #df203d url(../images/hmc4btn2.png) no-repeat center center;
    box-shadow: 0 0 20px rgba(223, 32, 61, 0.3);
}

.m2abt_c2ul {
    margin: 30px -12px;
    position: relative;
}

.m2abt_c2ul li {
    padding: 0px 12px;
}

.m2abt_c2aBox {
    display: block;
    border-bottom: 1px solid #E5E5E5;
}

.m2abt_c2aBox:hover {
    border-bottom: 1px solid #df203d;
}

.m2abt_c2aBox .overflowHide {
    height: 261px;
}

.m2abt_c2bm {
    padding: 35px 40px;
    position: relative;
}

.m2abt_c2bm:after {
    content: "";
    background: #df203d;
    height: 60px;
    width: 4px;
    position: absolute;
    left: 20px;
    top: -30px;
    transition: all 0.5s ease-in-out;
}

.m2abt_c2aBox:hover .m2abt_c2bm:after {
    height: 120px;
    top: -60px;
}

.m2abt_c2bm p {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2px;
}

.m2abt_c2m {
    text-align: center;
}

.m2abt_c2m a {
    font-size: 14px;
    color: #104484;
    letter-spacing: 1px;
}

.m2abt_c2m a i {
    display: inline-block;
    margin-left: 5px;
}

.m2abt_c2m a:hover {
    color: #df203d;
}

.m2abtCon3 {
    padding-top: 6.25vw;
}

.m2abt_c3box {
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 36px;
    padding-bottom: 10px;
}

.m2abt_bBox {
    float: left;
    width: 49.16%;
    position: relative;
}

.m2abt_bBox .overflowHide {
    height: 708px;
}

.m2abt_bbm {
    color: #FFF;
    background: #df203d;
    height: 180px;
    padding: 33px 40px 0px;
    width: 100%;
    left: 10px;
    bottom: -10px;
    z-index: 1;
    position: absolute;
    border-radius: 2.5em 0 2.5em 0;
}

.m2abt_bbm span {
    margin-bottom: 8px;
    font: 18px/28px eu_r;
    display: block;
}

.m2abt_bbm p {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    letter-spacing: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.m2abt_c3ul {
    width: 50.84%;
    float: right;
}

.m2abt_c3ul li {
    width: 50%;
    float: left;
    padding-left: 24px;
}

.m2abt_c3a {
    display: block;
}

.m2abt_c3a .overflowHide {
    height: 192px;
}

.m2abt_sbm {
    padding: 22px 40px 36px;
}

.m2abt_sbm span {
    color: #df203d;
    display: block;
    margin-bottom: 8px;
    font: 18px/28px eu_r;
}

.m2abt_sbm p {
    font-size: 18px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.m2abtCon4 {
    padding-top: 5.2vw;
    padding-bottom: 7.81vw;
}

.m2abt_c4ul {
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
}

.m2abt_c4ul li {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.m2abt_c4Itm {
    display: block;
    background: url(../images/m2abt_bbg1.jpg) no-repeat right center;
    background-size: cover;
    padding: 27px 4.42vw 0px;
    height: 240px;
}

.m2abt_c4Itm span {
    display: block;
}

.m2abt_c4des {
    margin-top: 22px;
    color: #333;
}

.m2abt_c4des strong {
    display: block;
    font: 36px/42px eu_r;
}

.m2abt_c4des p {
    font-size: 16px;
    line-height: 38px;
}

.m2abt_c4ul li:nth-child(1) .m2abt_c4Itm {
    border-radius: 4.5em 0 0 0;
}

.m2abt_c4ul li:nth-child(2) .m2abt_c4Itm {
    border-radius: 0 0 4.5em 0;
}

.m2abt_c4Itm {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.m2abt_c4ul li:hover {
    z-index: 1;
}

.m2abtCon5 {
    background: url(../images/m2abt_bbbg.jpg) no-repeat center center;
    padding: 8.85vw 0px 10.41vw;
    color: #fff;
}

.m2abtCon5 strong {
    font-size: 48px;
    line-height: 60px;
    font-weight: normal;
    display: block;
}

.m2abtCon5 p {
    font-size: 24px;
    line-height: 36px;
    display: block;
    margin: 2.08vw 0px 5.2vw;
    max-width: 970px;
    letter-spacing: 1px;
}

@media (max-width:1799px) {
    .m2abt_pt strong {
        font-size: 32px;
        line-height: 46px;
    }

    .m2abt_pt p {
        font-size: 21px;
        line-height: 32px;
        margin-top: 18px;
    }

    .m2abt_line {
        height: 140px;
        background-size: auto 140px;
    }

    .m2abt_pt p {
        font-size: 16px;
    }

    .m2abt_c2aBox .overflowHide {
        height: 182px;
    }

    .m2abt_c2bm p {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .m2abt_c2bm {
        padding: 25px 40px;
    }

    .m2abt_c2bm:after {
        width: 3px;
    }

    .m2abt_c2ul .slick-prev,
    .m2abt_c2ul .slick-next {
        top: 60px;
    }

    .m2abt_c3a .overflowHide {
        height: 152px;
    }

    .m2abt_sbm p {
        font-size: 15px;
    }

    .m2abt_sbm {
        padding: 14px 25px 26px;
    }

    .m2abt_bBox .overflowHide {
        height: 588px;
    }

    .m2abt_bbm p {
        font-size: 20px;
    }

    .m2abt_bbm {
        padding: 25px 30px 0px;
        height: 160px;
    }

    .m2abt_c4Itm span {
        width: 60px;
        height: 60px;
    }

    .m2abt_c4des {
        margin-top: 16px;
    }

    .m2abt_c4des strong {
        font-size: 28px;
    }

    .m2abt_c4Itm {
        height: 210px;
    }

    .m2abtCon5 strong {
        font-size: 32px;
        line-height: 42px;
    }

    .m2abtCon5 p {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (max-width:767px) {
    .m2abtCon1 {
        padding-top: 50px;
    }

    .m2abt_pt strong {
        font-size: 24px;
        line-height: 36px;
    }

    .m2abt_pt p {
        margin-top: 15px;
        font-size: 15px;
        line-height: 28px;
    }

    .m2abt_line {
        margin: 20px auto;
        height: 90px;
        background-size: auto 90px;
    }

    .m2abt_abtn {
        width: 150px;
    }

    .m2abt_c2ul {
        margin-right: 0;
        margin-left: 0;
        margin-top: 18px;
    }

    .m2abt_c2ul .slick-prev {
        transform: scale(0.7);
    }

    .m2abt_c2ul .slick-next {
        transform: scale(0.7) rotate(180deg);
    }

    .m2abt_c2bm p {
        font-size: 15px;
        line-height: 28px;
    }

    .m2abt_c3box {
        margin-top: 20px;
    }

    .m2abt_bBox {
        width: 100%;
        float: none;
        display: block;
    }

    .m2abt_bBox .overflowHide {
        height: 318px;
    }

    .m2abt_c3ul {
        width: 100%;
        float: none;
        margin-top: 25px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .m2abt_c3ul li {
        padding: 0 5px;
    }

    .m2abt_bbm {
        padding: 20px 15px 0px;
        height: 128px;
    }

    .m2abt_bbm span {
        font-size: 16px;
    }

    .m2abt_bbm p {
        font-size: 15px;
        line-height: 26px;
        height: 52px;
    }

    .m2abt_c3a .overflowHide {
        height: 102px;
    }

    .m2abt_sbm {
        padding-left: 0;
        padding-right: 0;
    }

    .m2abt_sbm span {
        font-size: 15px;
    }

    .m2abt_sbm p {
        font-size: 14px;
    }

    .m2abt_c4ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .m2abt_c4ul {
        margin-bottom: 25px;
    }

    .m2abt_c4Itm span {
        width: 40px;
        height: 40px;
    }

    .m2abt_c4des {
        margin-top: 12px;
    }

    .m2abt_c4des strong {
        font-size: 22px;
        line-height: 32px;
    }

    .m2abt_c4Itm {
        height: 180px;
    }

    .m2abtCon5 {
        padding: 60px 0 70px;
    }

    .m2abtCon5 strong {
        font-size: 24px;
    }

    .m2abtCon5 p {
        font-size: 15px;
        line-height: 28px;
    }
}

.m2pnrul {
    margin: 0px -12px;
}

.m2pnrul li {
    padding: 0px 12px;
    float: left;
    width: 25%;
    margin-bottom: 24px;
}

.m2pnrul li a {
    display: block;
    height: 180px;
    border: 1px solid #104484;
    position: relative;
    background: rgba(255, 255, 255, 0.8);
}

.m2pnrul li a:hover {
    background: #FFF;
    border: 2px solid #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m2pnrul li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

@media (max-width:1799px) {
    .m2pnrul li a {
        height: 140px;
    }
}

@media (max-width:993px) {
    .m2pnrul li {
        width: 33.33%;
    }
}

@media (max-width:767px) {
    .m2pnrul li {
        width: 50%;
    }

    .m2pnrul li a {
        height: 100px;
    }
}

.m2lcWpr {
    margin: 4.2vw 0 3vw;
    position: relative;
}

.m2lcLine {
    width: 4px;
    position: absolute;
    left: 72px;
    top: 0;
    bottom: 0;
    background: url(../images/m2lc_bg1.png) repeat-y center top;
    overflow: hidden;
}

.m2lcLine i {
    background: #df203d;
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0%;
}

.m2lcYears {
    text-align: center;
    position: fixed;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 480px;
    height: 480px;
    font-size: 480px;
    font-weight: bold;
    color: #fafafa;
    display: none;
}

.m2lcYr {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    font-family: gm_m;
}

.m2lcYr.on {
    opacity: 1;
}

.m2lcItems {
    position: relative;
    z-index: 1;
    padding-top: 8.5vw;
}

.m2lcItems:before {
    content: "";
    background: url(../images/m2his_logo.png) no-repeat center center;
    height: 150px;
    width: 150px;
    position: absolute;
    left: 0px;
    top: -70px;
}

.m2lcItems li {
    padding-bottom: 25px;
    padding-left: 195px;
}

.m2lc_item {
    margin-left: 63px;
}

.m2lc_yt {
    height: 46px;
    position: relative;
    font: 46px/46px eu_r;
    color: #df203d;
}

.m2lc_yt i {
    height: 40px;
    width: 40px;
    position: absolute;
    left: -141px;
    top: 3px;
}

.m2lc_yt i:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #104484;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease-in-out;
}

.m2lc_yt i:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border: 8px solid #EECAD6;
    border-radius: 50%;
    background: none;
    transition: all 0.5s ease-in-out;
    opacity: 0
}

.m2lcItems li.on .m2lc_yt {
    font-family: eu_b;
}

.m2lcItems li.on .m2lc_yt i:after {
    width: 32px;
    height: 32px;
    border: 4px solid #df203d;
    background: #fff;
}

.m2lcItems li.on .m2lc_yt i:before {
    opacity: 1;
}

.slideMenu {
    position: fixed;
    z-index: 20;
    width: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: none;
}

.slideMenu li {
    height: 24px;
    position: relative;
}

.slideMenu_a {
    height: 24px;
    display: block;
    white-space: nowrap;
    position: absolute;
    padding-left: 55px;
    top: 0;
    right: 0;
    color: #bfbfbf;
    padding-right: 50px;
    font: 14px/24px gm_l;
}

.slideMenu_a:hover,
.slideMenu_a.on {
    font-size: 18px;
    font-weight: bold;
    color: #005ca7;
    padding-right: 70px;
}

.slideMenu_a:before {
    content: "";
    background: #E6E6E6;
    height: 1px;
    width: 24px;
    position: absolute;
    top: 50%;
    right: 0px;
    transition: all 0.5s ease-in-out;
}

.slideMenu_a:hover:before,
.slideMenu_a.on:before {
    background: #005CA7;
    width: 48px;
}

.m2his_dl {
    padding: 1.3vw 0px 4.16vw;
}

.m2his_dl dd {
    font-size: 18px;
    line-height: 32px;
    position: relative;
    padding-left: 20px;
}

.m2his_dl dd:before {
    content: "";
    background: #df203d;
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0px;
    top: 13px;
    border-radius: 50%;
}

@media (max-width:1799px) {
    .m2lcItems:before {
        transform: scale(0.8);
    }

    .m2lcItems li {
        padding-left: 165px;
    }

    .m2lc_yt {
        font-size: 32px
    }

    .m2his_dl dd {
        font-size: 16px;
    }

    .m2lc_yt i {
        left: -111px;
        transform: scale(0.8)
    }

    .slideMenu {
        padding-top: 40px;
    }

    .slideMenu_a {
        line-height: 30px;
        height: 30px;
    }
}

@media (max-width:1199px) {
    .m2lc_yt i {
        transform: scale(0.8);
        transform-origin: center top;
    }
}

@media (max-width:993px) {
    .m2lcYears {
        font-size: 200px;
    }

    .slideMenu {
        display: none !important;
    }
}

@media (max-width:767px) {
    .m2lcYears {
        display: none !important;
    }

    .m2lcLine {
        left: 40px;
    }

    .m2lcItems li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }

    .m2lc_yt i {
        left: -40px !important;
        right: auto !important
    }

    .m2lc_item {
        margin-left: 45px;
    }

    .m2lcLine {
        display: none;
    }

    .m2lcItems {
        padding-left: 35px;
        padding-top: 65px;
    }

    .m2lc_yt i {
        transform: scale(0.6);
        top: 11px;
    }

    .m2lcItems:before {
        transform: scale(0.5);
        transform-origin: left center;
        left: -10px;
        top: -60px;
    }

    .m2his_dl dd {
        font-size: 14px;
        line-height: 28px;
    }

    .m2lc_yt {
        font-size: 30px;
    }

    .m2lcItems li {
        padding-bottom: 15px;
    }
}

.m2rzCon {
    position: relative;
    min-height: 90vh;
}

.m2rzMenu {
    float: left;
    width: 360px;
    border: 2px solid #104484;
    padding: 4.62vh 0px;
    position: sticky;
    top: 100px;
    max-height: 80vh;
    overflow-y: auto;
}

.m2rzMenu_a {
    display: block;
    line-height: 22px;
    padding: 9px 15px 9px 35px;
    font-size: 14px;
    position: relative;
}

.m2rzMenu_a.on,
.m2rzMenu_a:hover {
    color: #FFF;
    background: #df203d;
}

.m2rzMenu_a:before {
    content: "";
}

.m2rzMenu_a:hover:before,
.m2rzMenu_a.on:before {}

.m2rzRx {
    width: calc(100% - 420px);
    float: right;
}

.m2rzChange_item {
    display: none;
}

.m2rzTagWpr {
    height: 78px;
    border-bottom: 2px solid #104484;
}

.m2rzTagWpr span {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 2px;
    float: left;
}

.m2rzTag {
    float: right;
}

.m2rzTag a {
    height: 76px;
    float: left;
    margin-left: 35px;
    line-height: 66px;
    font-size: 16px;
    position: relative;
}

.m2rzTag a.on {
    color: #df203d;
}

.m2rzTag a:after {
    content: "";
    background: #df203d;
    height: 4px;
    width: 12px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -2px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.m2rzTag a.on:after {
    opacity: 1
}

.m2rzUls {
    margin: 42px 0 0px;
}

.m2rzul {
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

.m2rzul.on {
    display: flex;
}

.m2rzul li {
    float: left;
    width: calc(50% - 12px);
    margin-bottom: 24px;
    position: relative;
    min-height: 200px;
}

.m2rzul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.6em 0 1.6em 0;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out;
}

.m2rzul li:hover:before {
    background: #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m2rzItm {
    position: relative;
    z-index: 2;
    padding: 32px 35px;
}

.m2rzItm strong {
    font-size: 24px;
    line-height: 40px;
    display: block;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
}

.m2rzItm dl {}

.m2rzItm dl dd {
    line-height: 32px;
    height: 32px;
    padding-right: 110px;
    position: relative;
    font-size: 16px;
}

.m2rzItm dl dd a {
    color: #104484;
}

.m2rzItm dl dd span {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #808080;
    transition: all 0.5s ease-in-out;
}

.m2rzul li:hover .m2rzItm strong {
    color: #fff;
}

.m2rzul li:hover .m2rzItm dl dd a {
    color: #fff;
}

.m2rzul li:hover .m2rzItm dl dd span {
    color: #fff;
}

@media (max-width:1799px) {
    .m2rzTagWpr span {
        font-size: 26px;
    }

    .m2rzTagWpr {
        height: 58px;
    }

    .m2rzTag a {
        height: 56px;
        line-height: 46px;
    }

    .m2rzItm strong {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .m2rzItm dl dd {
        font-size: 14px;
        line-height: 28px;
        height: 28px;
    }

    .m2rzItm {
        padding: 20px;
    }

    .m2rzul li {
        min-height: 130px;
    }
}

@media (max-width:1199px) {
    .m2rzMenu {
        width: 300px;
    }

    .m2rzRx {
        width: calc(100% - 320px);
    }
}

@media (max-width:993px) {
    .m2rzul li {
        width: 100%;
    }
}

@media (max-width:767px) {
    .m2rzMenu {
        width: 100%;
        float: none;
        max-height: 230px;
        padding: 15px 0
    }

    .m2rzRx {
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    .m2rzTagWpr span {
        font-size: 20px;
        width: 100%;
        text-align: center;
        float: none;
        display: block;
    }

    .m2rzTag a {
        margin: 0 15px;
        float: none;
        display: inline-block;
    }

    .m2rzTagWpr {
        height: auto;
    }

    .m2rzTag {
        width: 100%;
        text-align: center;
        float: none
    }

    .m2rzUls {
        margin-top: 25px;
    }

    .m2rzul li:last-child {
        margin-bottom: 0;
    }
}

.m2cmCon1Wpr {}

.m2cm_t {
    font-size: 48px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 2px;
}

.m2cmCon1 {
    margin: 30px 0px 6.25vw;
}

.m2cmVx {
    width: 50%;
    float: left;
}

.m2cmVx .overflowHide {
    height: 405px;
}

.m2cmVx .overflowHide:after {
    content: "";
}

.m2cmc1Rx {
    width: 50%;
    float: right;
    padding-left: 50px;
    min-height: 405px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
}

.m2cmCon2 {
    margin: 35px 0px 100px;
    position: relative;
}

.m2cmc2Swiper {
    background: url(../images/m2cm_bmBg.jpg) no-repeat center center;
    height: 478px;
    background-size: cover;
    border-radius: 4em 0 4em 0;
}

.m2cmc2Bitm {
    height: 478px;
    position: relative;
}

.m2cmc2Bitm span {
    color: #df203d;
    text-align: center;
    height: 100px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font: 72px/100px eu_b;
    display: block;
    width: 300px;
    text-shadow: 5px 15px 15px rgba(223, 32, 61, 0.3);
}

.m2cmc2bdes {
    height: 328px;
    position: absolute;
    left: 300px;
    top: 50%;
    right: 435px;
    margin-top: -164px;
    /* display:flex; flex-direction:column; justify-content:center;*/
    overflow-y: auto
}

.m2cmc2bdes p {
    font-size: 20px;
    line-height: 36px;
    padding-left: 18px;
    position: relative;
}

.m2cmc2bdes p:before {
    content: "";
    background: #df203d;
    height: 4px;
    width: 4px;
    position: absolute;
    left: 0px;
    top: 16px;
    border-radius: 50%;
}

.m2cmYears {
    height: 640px;
    width: 320px;
    margin-top: -320px;
    color: #FFF;
    background: #104484;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 60px;
    border-radius: 4em 0 4em 0;
    box-shadow: 0 0 30px rgba(16, 68, 132, 0.3);
    padding: 75px 0
}

.m2cmYr {
    line-height: 66px;
    height: 66px;
    text-align: center;
    color: #5E77A1;
    font-size: 20px;
}

.slick-current.m2cmYr {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.m2cmYears .slick-prev {
    background: url(../images/m2cm_arBtn.png) no-repeat center center;
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 24px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-left: -25px;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
}

.m2cmYears .slick-next {
    background: url(../images/m2cm_arBtn.png) no-repeat center center;
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50%;
    bottom: 24px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-left: -25px;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
    transform: rotate(180deg);
}

.m2cmYears .slick-prev:hover,
.m2cmYears .slick-next:hover {
    opacity: 1
}

@media (max-width:1799px) {
    .m2cm_t {
        font-size: 32px;
        line-height: 46px;
    }

    .m2cmVx .overflowHide {
        height: 345px;
    }

    .m2cmc1Rx {
        padding-left: 35px;
    }

    .m2cmc1Rx {
        min-height: 345px;
        font-size: 19px;
        line-height: 34px;
    }

    .m2cmc2Bitm span {
        font-size: 62px;
        width: 200px;
    }

    .m2cmc2bdes {
        left: 210px;
        right: 325px;
    }

    .m2cmYears {
        width: 240px;
    }

    .m2cmc2bdes p {
        font-size: 18px;
    }

    .m2cmc2Bitm {
        height: 368px;
    }

    .m2cmc2Swiper {
        height: 368px;
    }

    .m2cmYears {
        height: 480px;
        margin-top: -240px;
    }

    .m2cmYr {
        line-height: 45px;
    }

    .slick-current.m2cmYr {
        font-size: 22px;
    }
}

@media (max-width:993px) {
    .m2cmc1Rx {
        font-size: 16px;
    }

    .m2cmYears {
        width: 200px;
        right: 20px;
    }

    .m2cmc2bdes {
        right: 245px;
    }

    .m2cmc2bdes p {
        font-size: 16px;
    }
}

@media (max-width:767px) {
    .m2cm_t {
        font-size: 24px;
        line-height: 36px;
    }

    .m2cmCon1 {
        margin-top: 25px;
        margin-bottom: 35px;
    }

    .m2cmVx {
        width: 100%;
        float: none;
    }

    .m2cmVx .overflowHide {
        height: 195px;
    }

    .m2cmc1Rx {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 25px;
        font-size: 14px;
        line-height: 30px;
        height: auto;
        min-height: 50px
    }

    .m2cmYears {
        display: none;
    }

    .m2cmc2bdes {
        left: 15px;
        right: 15px;
        position: static !important;
        height: auto;
        transform: translateY(0);
        margin-top: 0
    }

    .m2cmc2Bitm span {
        width: 100%;
        text-align: center;
        position: static !important;
        transform: translateY(0) !important;
        font-size: 48px;
    }

    .m2cmc2Bitm {
        padding-top: 15px;
    }

    .m2cmc2bdes p {
        font-size: 15px;
        line-height: 30px;
    }

    .m2cmCon2 {
        margin-bottom: 0;
    }

    .m2cmc2Swiper .slick-dots {
        bottom: 30px;
    }

    .m2cmc2Swiper .slick-dots li button {
        display: none;
    }

    .m2cmc2Swiper .slick-dots li {
        background: #D6D6D6;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 6px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .m2cmc2Swiper .slick-dots li.slick-active {
        background: #005aaa;
    }

    .m2cmc2bdes p:before {
        top: 14px;
        left: 6px;
    }
}

.m2tkTop {
    font-size: 16px;
    line-height: 32px;
}

.m2tk_t {
    font-size: 32px;
    line-height: 60px;
    padding: 1.14vw 0px;
    border-bottom: 2px solid #E6E6E6;
}

.m2tk_content {
    font-size: 16px;
    line-height: 32px;
    padding: 1.5vw 5.2vw;
}

.m2sinPage {
    padding-bottom: 4.68vw;
}

.m2sinPage2 {
    padding: 2.68vw 0 4.68vw;
}

@media (max-width:1799px) {
    .m2tk_content {
        font-size: 15px;
        line-height: 30px;
    }

    .m2tk_t {
        font-size: 28px;
        line-height: 52px;
    }
}

@media (max-width:1379px) {
    .m2tk_t {
        font-size: 21px;
        line-height: 38px;
    }
}

@media (max-width:1199px) {
    .m2tkTop {
        font-size: 15px;
    }
}

@media (max-width:993px) {
    .m2tk_content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:767px) {
    .m2sinPage2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .m2tk_t {
        font-size: 20px;
    }
}

.webMap dl {
    padding: 40px 0px 16px;
    border-bottom: 1px solid #E6E6E6;
}

.webMap_a1,
.webMap_a1:hover {
    font-size: 18px;
    line-height: 60px;
    background: #104484;
    letter-spacing: 2px;
    height: 60px;
    width: 215px;
    display: inline-block;
    text-align: center;
    margin: 0px 24px 24px 0px;
    color: #FFF;
}

.webMap_a2,
.webMap_a2:hover {
    font-size: 18px;
    line-height: 60px;
    background: #E6E6E6;
    letter-spacing: 2px;
    height: 60px;
    width: 215px;
    display: inline-block;
    text-align: center;
    margin: 0px 24px 24px 0px;
    color: #333;
}

.webMap_sub .webMap_a2:last-child {
    margin-right: 0;
}

.webMap_a1:hover,
.webMap_a2:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.webMap_st {
    font-size: 24px;
    line-height: 52px;
    margin-bottom: 6px;
}

.webMap dl:last-child {
    border: none;
}

@media (max-width:1799px) {
    .webMap_t {
        font-size: 28px;
        line-height: 44px;
    }

    .webMap_a1,
    .webMap_a1:hover {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        width: 190px;
        margin: 0px 15px 15px 0px;
    }

    .webMap_a2,
    .webMap_a2:hover {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        width: 190px;
        margin: 0px 15px 15px 0px;
    }

    .webMap_st {
        font-size: 20px;
        line-height: 46px;
    }

    .webMap dl {
        padding: 31px 0px 16px;
    }
}

@media (max-width:767px) {

    .webMap_a1,
    .webMap_a2 {
        transform: translateY(0) !important;
        width: 150px !important;
        font-size: 14px;
        letter-spacing: 0
    }
}

.m2serTop {
    background: #104484 url(../images/m3topBg.jpg) no-repeat center bottom;
    padding: 16.2vh 0px 19.62vh;
}

.m2ser_t {
    line-height: 75px;
    font-size: 46px;
    color: #FFF;
    text-align: center;
}

.m2serIntBox {
    background: #FFF;
    height: 62px;
    margin: 22px auto;
    max-width: 800px;
    position: relative;
}

.m2ser_tags {
    text-align: center;
    font-size: 18px;
    color: #FFF;
    line-height: 56px;
}

.m2serIntBox input {
    height: 62px;
    width: 100%;
    padding: 0px 82px 0px 25px;
    color: #104484;
    font: 18px/72px "微软雅黑";
}

.m2serIntBox button {
    background: url(../images/m2nser_ico.png) no-repeat center center;
    display: inline-block;
    height: 72px;
    width: 84px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.m2serTag_a {
    font-size: 18px;
    padding-left: 34px;
    position: relative;
    display: inline-block;
    margin: 0px 18px;
    color: #FFF;
}

.m2serTag_a:before {
    content: "";
    background: #FFF;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    border: 4px solid #FFF;
    position: absolute;
    left: 0px;
    top: 50%;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.m2serTag_a:hover {
    color: #fff;
}

.m2serTag_a:hover:before,
.m2serTag_a.on:before {
    background: rgba(255, 255, 255, 0);
}

.m2ser_st {
    font-size: 18px;
    line-height: 32px;
    padding: 0;
}

.m2ser_st strong {
    color: #104484;
}

.m2ser_ul {
    padding-bottom: 2.92vh;
}

.m2ser_ul li {
    padding: 4.81vh 0px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.m2ser_tm {
    font-size: 14px;
    color: #104484;
    line-height: 30px;
    margin-bottom: 10px;
}

.m2ser_ul li strong {
    display: block;
    line-height: 34px;
    font-size: 20px;
    font-weight: normal;
}

.m2ser_ul li p {
    font-size: 16px;
    color: #808080;
    line-height: 28px;
    margin: 7px 0px 15px;
}

.m2ser_m {
    background: url(../images/m3cs_pi.png) no-repeat right center;
    display: inline-block;
    padding-right: 20px;
    line-height: 30px;
    color: #104484 !important;
    height: 30px;
    font-size: 16px;
}

.m2ser_ul li a:hover {
    text-decoration: underline;
}

@media (max-width:1799px) {
    .m2ser_t {
        line-height: 60px;
        font-size: 32px;
    }

    .m2serIntBox {
        height: 58px;
        margin: 16px auto;
    }

    .m2serIntBox input {
        height: 58px;
        font: 18px/58px "微软雅黑";
    }

    .m2serTag_a {
        font-size: 16px;
        padding-left: 28px;
        margin: 0px 12px;
    }

    .m2ser_ul li strong {
        font-size: 18px;
    }
}

@media (max-width:1199px) {
    .m2serTag_a {
        font-size: 16px;
        margin: 0 5px;
    }
}

@media (max-width:767px) {
    .m2ser_t {
        font-size: 24px;
    }

    .m2serTag_a {
        font-size: 14px;
        line-height: 30px;
        height: 30px;
    }

    .m2serTag_a:before {
        transform: scale(0.8);
    }

    .m2serTop {
        padding: 60px 0;
    }

    .m2ser_ul li p {
        font-size: 14px;
    }

    .m2ser_ul li {
        padding: 15px 0;
    }

    .m2ser_ul li strong {
        font-size: 15px;
        font-weight: bold;
        line-height: 28px;
    }
}

.pubCsLayBg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.pubCsLay {
    padding: 5.48vh 3.02vw 5.4vh;
    background: #FFF;
    width: 640px;
    margin-left: -320px;
    position: fixed;
    z-index: 18;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3em 0 3em 0;
}

.pubClose {
    background: url(../images/close-1.png) no-repeat center center;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.pubClose:hover {
    transform: rotate(180deg);
}

.pubCsfm {
    margin-top: 20px;
}

.pubCsfm li {
    margin-bottom: 10px;
    position: relative;
}

.pubCsfm li input {
    line-height: 50px;
    height: 52px;
    border: 1px solid #E6E6E6;
    padding: 0px 20px;
    width: 100%;
    font-size: 15px;
    color: #666;
}

.pubCsfm li button {
    font-size: 16px;
    line-height: 52px;
    color: #FFF;
    background: #DF2040;
    display: block;
    height: 52px;
    width: 100%;
    margin-top: 50px;
    cursor: pointer;
}

.pubCsfm li textarea {
    line-height: 26px;
    height: 108px;
    border: 1px solid #E6E6E6;
    padding: 15px 20px;
    width: 100%;
    font-size: 15px;
    color: #666;
}

.pubCsfm li input:focus,
.pubCsfm li textarea:focus {
    border: 1px solid #104484;
}

.pubCs_des {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

.pubCs_des strong {
    font-size: 40px;
    line-height: 56px;
    display: block;
    margin-bottom: 14px;
    font-weight: normal;
}

.pubCs_cd,
.pubCs_cd:hover {
    font-size: 15px;
    line-height: 44px;
    color: #FFF;
    text-align: center;
    display: block;
    height: 44px;
    width: 172px;
    position: absolute;
    top: 4px;
    right: 4px;
    background: #DF2040;
}

.pubCs_nms {
    color: #bfbfbf;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    right: 0px;
    bottom: -30px;
}

@media (max-width:1799px) {
    .pubCs_des strong {
        font-size: 26px;
        line-height: 30px;
    }

    .pubCs_des {
        font-size: 15px;
        line-height: 22px;
    }

    .pubCsfm li input {
        line-height: 42px;
        height: 44px;
    }
}

@media (max-width:767px) {
    .pubCsLay {
        width: 90%;
        margin-left: 0;
        transform: translate(-50%, -50%);
    }

    .pubCs_des strong {
        font-size: 20px;
        line-height: 26px;
    }

    .pubCs_des {
        font-size: 13px;
        line-height: 22px;
    }

    .pubCsfm li input {
        line-height: 38px;
        height: 40px;
        font-size: 14px;
        padding: 0 15px;
    }

    .pubCsfm li {
        margin-bottom: 6px;
    }

    .pubCsfm li textarea {
        height: 66px;
        font-size: 14px;
        padding: 5px 15px;
    }

    .pubCsfm li button {
        margin-top: 40px;
        line-height: 46px;
        height: 46px;
    }
}

/*2021-11-11 16:25*/



.mRtools {
    width: 60px;
    height: auto;
    position: fixed;
    z-index: 20;
    background: #fff;
    border-radius: 5em;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.mRtools .mRtools_item:last-child {
    padding-bottom: 0;
    height: 56px;
}

.mRtools_item {
    height: 61px;
    position: relative
}

.mRtools_item:before {
    content: "";
    background: #E6E6E6;
    height: 1px;
    width: 16px;
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.mRtool_icon {
    display: block;
    height: 48px;
    width: 48px;
    position: relative;
    margin: 6px auto;
    border-radius: 50%;
}

.mRtool_icon:hover {
    background: #DF2040;
}

.mRtool_icon img {
    position: absolute;
    transition: all 0.5s ease-in-out;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mRtools_item:hover .mRtool_icon img {
    opacity: 0;
}

.mRtools_item:hover .mRtool_icon img.iOpacity {
    opacity: 1
}

.mRtoolLay {
    width: 240px;
    background: #fff;
    border-radius: 0.3em;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    padding: 17px 20px;
    opacity: 0;
    visibility: hidden;
}

.mRtoolLay:after {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -8px;
}

.mRtoolLay strong {
    font-weight: normal;
    color: #df203d;
    display: block;
    font-size: 14px;
    line-height: 26px;
}

.mRtoolLay p {
    font-size: 12px;
    line-height: 20px;
    color: #333333;
}

.mRtools_item:hover .mRtoolLay {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
}

@media (max-width:767px) {
    .mRtools {
        transform: scale(0.7) translateY(-50%);
        transform-origin: right center;
        right: 0;
    }

    .mRtoolLay {
        display: none;
    }
}

/*2021-11-11 16:25*/



.mRtools {
    width: 60px;
    height: auto;
    position: fixed;
    z-index: 20;
    background: #fff;
    border-radius: 5em;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.mRtools .mRtools_item:last-child {
    padding-bottom: 0;
    height: 56px;
}

.mRtools_item {
    height: 61px;
    position: relative
}

.mRtools_item:before {
    content: "";
    background: #E6E6E6;
    height: 1px;
    width: 16px;
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.mRtool_icon {
    display: block;
    height: 48px;
    width: 48px;
    position: relative;
    margin: 6px auto;
    border-radius: 50%;
}

.mRtool_icon:hover {
    background: #DF2040;
}

.mRtool_icon img {
    position: absolute;
    transition: all 0.5s ease-in-out;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mRtools_item:hover .mRtool_icon img {
    opacity: 0;
}

.mRtools_item:hover .mRtool_icon img.iOpacity {
    opacity: 1
}

.mRtoolLay {
    width: 240px;
    background: #fff;
    border-radius: 0.3em;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    padding: 17px 20px;
    opacity: 0;
    visibility: hidden;
}

.mRtoolLay:after {
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -8px;
}

.mRtoolLay strong {
    font-weight: normal;
    color: #df203d;
    display: block;
    font-size: 14px;
    line-height: 26px;
}

.mRtoolLay p {
    font-size: 12px;
    line-height: 20px;
    color: #333333;
}

.mRtools_item:hover .mRtoolLay {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
}

@media (max-width:767px) {
    .mRtools {
        transform: scale(0.7) translateY(-50%);
        transform-origin: right center;
        right: 0;
    }

    .mRtoolLay {
        display: none;
    }
}

/*二期页面 CSS*/

.m2regBox {
    height: 100vh;
    position: relative;
}

.m2regLx {
    width: 50%;
    height: 100vh;
    float: left;
    padding: 0 10.41vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f2f4f5;
}

.m2regTx {
    text-align: center;
    padding-top: 40px;
}

.m2regTx strong {
    font-size: 46px;
    line-height: 60px;
    letter-spacing: 4px;
    font-weight: normal;
    display: block;
}

.m2regTx p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    font-weight: normal;
    display: block;
    margin: 16px 0px 1.82vw;
}

.m2reg_fm {}

.m2reg_fm li {
    margin-bottom: 10px;
    position: relative;
}

.m2reg_fm li input {
    line-height: 58px;
    background: #FFF;
    padding: 0px 16px;
    height: 60px;
    border: 1px solid #E6E6E6;
    width: 100%;
    font-size: 16px;
    color: #666;
}

.m2reg_fm li input:focus {
    border: 1px solid #104484;
}

.m2reg_fm li button {
    font-size: 16px;
    line-height: 60px;
    color: #FFF;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    height: 60px;
    border-width: 0px;
    border-style: none;
    background: #DF2040;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    width: 100%;
    text-align: center;
    border-radius: 0.3em;
}

.m2reg_fm li button:hover {
    box-shadow: 0 10px 30px rgba(223, 32, 64, 0.3);
}

.m2reg_cd {
    font-size: 16px;
    line-height: 48px;
    color: #FFF;
    letter-spacing: 1px;
    height: 48px;
    width: 180px;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    background: #DF2040;
    display: block;
    text-align: center;
    border-radius: 0.3em;
}

.m2reg_cd:hover {
    color: #fff;
}

.m2regRxWpr {
    width: 50%;
    float: right;
    background: url(../images/mmbr_1.jpg) no-repeat right top;
    background-size: cover;
    position: relative;
    height: 100vh;
}

.m2regRx {
    position: absolute;
    left: 7.81vw;
    right: 7.81vw;
    top: 64px;
    bottom: 4.58vw;
    color: #fff;
}

.m2regRt {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 4.16vw;
}

.m2regRt strong {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 5px;
    display: block;
}

.m2regRt p {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    margin-top: 2.18vw;
}

.m2regRbm {
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0;
}

.m2regRbm p {
    font-size: 24px;
    line-height: 36px;
    color: #FFF;
    letter-spacing: 1px;
}

.m2regRbm h4 {
    color: #ffcb00;
    display: block;
    margin: 2.5vw 0px 13px;
    font: 60px/60px eu_b;
}

.pubMbrLayBg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mmcdvImg {
    height: 50px;
    width: 170px;
    position: absolute;
    top: 1px;
    right: 1px;
    border-left: 1px solid #E6E6E6;
}

.mmcdvImg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

.mmcdTip {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #bfbfbf;
    margin-top: 1.45vw;
}

.mmcdTip a {
    color: #104484;
    text-decoration: underline;
}

.pubMbrLayBg .pubCsfm li button {
    margin-top: 0;
}

@media (max-width:1799px) {
    .m2regLx {
        padding: 0 6.41vw;
    }

    .m2regRx {
        left: 5.81vw;
        right: 5.81vw;
    }

    .mmcdTip {
        font-size: 14px;
    }

    .mmcdvImg {
        height: 42px;
    }

    .mmcdvImg img {
        height: 40px;
        width: auto;
    }

    .m2regTx strong {
        font-size: 36px;
        line-height: 48px;
    }

    .m2regTx p {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 1.3vw;
    }

    .m2reg_fm li {
        margin-bottom: 8px;
    }

    .m2reg_fm li input {
        font-size: 14px;
        line-height: 42px;
        height: 44px;
    }

    .m2reg_cd {
        height: 36px;
        line-height: 36px;
        top: 4px;
        right: 4px;
        font-size: 14px;
        width: 160px;
    }

    .m2reg_fm li button {
        line-height: 52px;
        height: 52px;
        font-size: 14px;
    }

    .m2regRt strong {
        font-size: 42px;
        line-height: 58px;
    }

    .m2regRt p {
        margin-top: 1.2vw;
        font-size: 20px;
        line-height: 30px;
    }

    .m2regRbm p {
        font-size: 20px;
        line-height: 30px;
    }

    .m2regRbm h4 {
        font-size: 50px;
        line-height: 50px;
        margin: 1.5vw 0px 10px
    }
}

@media (max-width:1199px) {
    .m2regTx {
        padding-top: 0;
    }

    .m2regTx {
        margin-top: -35px;
    }

    .m2regRt {
        top: -18px;
    }

    .m2regRt strong {
        font-size: 28px;
        line-height: 42px;
    }

    .m2regTx strong {
        font-size: 26px;
        line-height: 38px;
    }
}

@media (max-width:993px) {
    .m2regLx {
        width: 100%;
        padding: 80px 25px;
        display: block;
        float: none;
        height: auto;
    }

    .m2regRxWpr {
        width: 100%;
        float: none;
        height: auto;
        padding: 80px 25px;
    }

    .m2regRx {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .m2regRt {
        position: static;
    }

    .m2regRbm {
        position: static;
        margin-top: 50px;
    }

    .m2regBox {
        height: auto;
    }
}

@media (max-width:767px) {
    .m2regLx {
        padding: 70px 15px 60px;
    }

    .m2regTx p {
        line-height: 24px;
        margin-bottom: 20px;
    }

    .m2reg_cd {
        width: 130px;
        font-size: 12px;
    }

    .m2regRxWpr {
        padding: 60px 15px;
        text-align: center;
    }

    .m2regRt strong {
        font-size: 22px;
        line-height: 40px;
    }

    .m2regRt p,
    .m2regRbm p {
        font-size: 16px;
        line-height: 28px;
    }

    .m2regRbm h4 {
        font-size: 36px;
    }

    .m2regTx strong {
        font-size: 24px;
    }
}

/*职位相关 CSS*/

.m2zwCon1Wpr {
    padding: 5.2vw 0px 5.72vw;
}

.m2zwTx {
    text-align: center;
}

.m2zwTx p {
    font-size: 24px;
    line-height: 36px;
    display: block;
    letter-spacing: 1px;
}

.m2zwTx strong {
    font-size: 46px;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 66px;
    display: block;
    margin: 12px 0px 42px;
    position: relative;
}

.m2zwTx strong:after {
    content: "";
    background: #DF2040;
    height: 6px;
    width: 48px;
    margin-left: -24px;
    position: absolute;
    left: 50%;
    bottom: -24px;
}

.m2zwDes {
    font-size: 18px;
    line-height: 36px;
    text-align: center;
}

.m2zwul {
    margin: 4.06vw -24px 0px;
}

.m2zwul li {
    padding: 0px 24px;
    width: 33.33%;
    float: left;
    margin-bottom: 48px;
}

.m2zwc1ax {
    display: block;
    height: 300px;
    position: relative;
}

.m2zwc1_x1 {
    position: absolute;
    padding: 83px 20px 0px 38px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    border-radius: 2em 0 2em 0;
    color: #104484;
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
}

.m2zwc1_x1 img {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.3;
}

.m2zwc1_x1 strong,
.m2zwc1_x2 strong {
    font-size: 48px;
    font-weight: bold;
    display: block;
    line-height: 75px;
}

.m2zwc1_x1 p,
.m2zwc1_x2 p {
    font-size: 32px;
    line-height: 62px;
    font-weight: normal;
    display: block;
}

.m2zwc1_x2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    min-height: 300px;
    background: #DF2040;
    color: #FFF;
    box-shadow: 0 10px 25px rgba(223, 32, 64, 0.3);
    border-radius: 2em 0 2em 0;
    padding: 35px 35px 60px;
    transition: all 0.5s ease-in-out;
    opacity: 0
}

.m2zwc1_x2 img {
    position: absolute;
    right: 0;
    top: 0;
}

.m2zw_c1sds {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    padding-top: 26px;
    margin-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.m2zwc1ax:hover .m2zwc1_x2 {
    opacity: 1;
}

.m2zwc1ax:hover .m2zwc1_x1 {
    opacity: 0;
}

.m2zwCon2 {
    background: url(../images/m2zw_c2bg.jpg) no-repeat fixed center center;
    padding: 5.2vw 0px 5.72vw;
    background-size: cover;
    color: #fff;
}

.m2zwc2ul {
    margin: 6.68vw -110px 2vw;
}

.m2zwc2ul li {
    padding: 0px 110px;
    float: left;
    width: 33.33%;
    position: relative;
}

.m2zwc2ul li:nth-child(4) {
    margin-left: 16.5%;
}

.m2zwc2ul li:nth-child(4),
.m2zwc2ul li:nth-child(5) {
    top: -60px;
}

.m2zwc2a {
    display: block;
    width: 320px;
    height: 320px;
    position: relative
}

.m2zwc2a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid rgba(255, 255, 255, 0.6);
    transform: rotate(45deg);
    border-radius: 2em;
    transition: all 0.5s ease-in-out;
}

.m2zwc2a:hover:before {
    content: "";
    color: #FFF;
    background: #df2040;
    border: 2px solid #df2040;
    box-shadow: 0 0 30px rgba(223, 32, 64, 0.4);
}

.m2zwc2a p {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1px;
}

.m2zwc2a i {
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-left: -16px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateY(10px);
}

.m2zwc2a i:before {
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    background: #fff;
}

.m2zwc2a i:after {
    content: "";
    height: 100%;
    width: 2px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    background: #fff;
}

.m2zwc2a:hover i {
    opacity: 1;
    transform: translateY(0);
}

.m2zwLayBox {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
}

.m2zwLay {
    width: 65vh;
    height: 65vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m2zwLay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: rotate(45deg);
    border-radius: 2em;
}

.m2zw_closeBtn {
    height: 3.12vw;
    width: 3.12vw;
    border: 2px solid #DF2040;
    position: absolute;
    left: 50%;
    bottom: -0.88vw;
    background: url(../images/m2zw_close.png) no-repeat center center;
    background-size: 1.35vw auto;
    margin-left: -1.56vw;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.m2zw_closeBtn:hover {
    transform: rotate(180deg);
}

.m2zwLay_txt {
    position: absolute;
    text-align: center;
    padding-top: 0;
    padding-left: 4.25vh;
    padding-right: 4.25vh;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.m2zwLay_txt strong {
    font-size: 3.7vh;
    line-height: 4.8vh;
    margin-bottom: 3.7vh;
    display: block;
    position: relative;
    font-weight: normal;
}

.m2zwLay_des {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    max-height: 29.62vh;
    overflow-y: auto;
}

.m2zwCon3 {
    padding: 5.2vw 0px 5.72vw;
}

.m2zwc3ul {
    margin: 2.6vw -12px 0px;
}

.m2zwc3ul li {
    padding: 0 12px;
    margin-bottom: 24px;
    float: left
}

.m2zwc3ul li:nth-child(1) {
    width: 25%;
}

.m2zwc3ul li:nth-child(2) {
    width: 25%;
}

.m2zwc3ul li:nth-child(3) {
    width: 25%;
}

.m2zwc3ul li:nth-child(4) {
    width: 50%;
    margin-bottom: 0;
}

.m2zwc3ul li:nth-child(5) {
    width: 25%;
    margin-top: -312px;
}

.m2zw_c3x {
    display: block;
    border: 2px solid #E6E6E6;
    position: relative
}

.m2zwc3ul li:nth-child(1) .m2zw_c3x {
    height: 600px;
    border-radius: 8em 0 0 0;
}

.m2zwc3ul li:nth-child(2) .m2zw_c3x {
    height: 288px;
}

.m2zwc3ul li:nth-child(3) .m2zw_c3x {
    height: 288px;
}

.m2zwc3ul li:nth-child(4) .m2zw_c3x {
    height: 288px;
}

.m2zwc3ul li:nth-child(5) .m2zw_c3x {
    height: 600px;
    border-radius: 0 0 8em 0;
}

.m2zw_c3x1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.m2zw_c3x1 span {
    display: inline-block;
}

.m2zw_c3x1 strong {
    font-size: 34px;
    line-height: 56px;
    display: block;
    margin-top: 20px;
    font-weight: normal;
    letter-spacing: 1px;
}

.m2zw_c3lay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.m2zw_c3lay strong {
    font-size: 26px;
    line-height: 40px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.m2zw_c3lay strong:after {
    content: "";
    background: #FFF;
    height: 2px;
    width: 24px;
    margin-left: -12px;
    position: absolute;
    left: 50%;
    bottom: -18px;
}

.m2zw_c3lay dl {
    padding-left: 35px;
    overflow: hidden;
}

.m2zw_c3lay dl dd {
    font-size: 17px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    width: 50%;
    float: left;
    text-align: left;
    transition: all 0.3s ease-in-out;
}

.m2zw_c3x:hover .m2zw_c3lay dl dd {
    color: #fff;
}

.m2zw_c3x:hover .m2zw_c3lay strong {
    color: #fff;
}

.m2zw_c3x:hover {
    color: #FFF;
    background: #df2040;
    border: 2px solid #df2040;
    box-shadow: 0 10px 30px rgba(223, 32, 64, 0.4);
}

.m2zw_c3x:hover .m2zw_c3x1 {
    opacity: 0;
    transform: translateY(20px);
    transition: none;
}

.m2zw_c3x:hover .m2zw_c3lay {
    opacity: 1;
}

.m2zwc3ul li:nth-child(4) .m2zw_c3lay dl dd {
    width: 33.33%;
}

.m2zw_c4a {
    display: block;
    height: 28.12vw;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}

.m2zwCon4 li:nth-child(2n) .m2zw_c4a {
    background-position: left center;
    text-align: right
}

.m2zw_c4des {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.m2zw_c4des strong {
    font-size: 46px;
    font-weight: normal;
    line-height: 66px;
    letter-spacing: 1px;
    display: block;
}

.m2zw_c4des p {
    font-size: 16px;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.m2zw_c4des span {
    font-size: 16px;
    line-height: 28px;
    margin-top: 8.85vw;
    display: block
}

.m2zwCon4 {
    background: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 2vw;
}

@media (max-width:1799px) {
    .m2zwTx p {
        font-size: 21px;
        line-height: 30px;
    }

    .m2zwTx strong {
        font-size: 32px;
        line-height: 50px;
    }

    .m2zwDes {
        font-size: 16px;
        line-height: 32px;
    }

    .m2zwc1_x2 img,
    .m2zwc1_x1 img {
        width: 80px;
        height: auto;
    }

    .m2zwc1_x1 strong,
    .m2zwc1_x2 strong {
        font-size: 32px;
        line-height: 60px;
    }

    .m2zwc1_x1 p,
    .m2zwc1_x2 p {
        font-size: 24px;
        line-height: 52px;
    }

    .m2zw_c1sds {
        font-size: 15px;
    }

    .m2zwc2ul {
        margin: 6.68vw -50px 2vw;
    }

    .m2zwc2ul li {
        padding: 0px 50px;
    }

    .m2zwc2ul li:nth-child(4),
    .m2zwc2ul li:nth-child(5) {
        top: -50px;
    }

    .m2zwc2a {
        width: 260px;
        height: 260px;
        position: relative
    }

    .m2zwc2a p {
        font-size: 22px;
        line-height: 40px;
    }

    .m2zwc2a i {
        height: 26px;
        width: 26px;
        margin-left: -13px;
    }

    .m2zwc3ul li:nth-child(5) {
        width: 25%;
        margin-top: -262px;
    }

    .m2zwc3ul li:nth-child(1) .m2zw_c3x {
        height: 500px;
    }

    .m2zwc3ul li:nth-child(2) .m2zw_c3x {
        height: 238px;
    }

    .m2zwc3ul li:nth-child(3) .m2zw_c3x {
        height: 238px;
    }

    .m2zwc3ul li:nth-child(4) .m2zw_c3x {
        height: 238px;
    }

    .m2zwc3ul li:nth-child(5) .m2zw_c3x {
        height: 500px;
    }

    .m2zw_c3x1 strong {
        font-size: 22px;
        line-height: 42px;
        margin-top: 16px;
    }

    .m2zw_c3lay strong {
        font-size: 21px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .m2zw_c3lay strong:after {
        bottom: -16px;
    }

    .m2zw_c3lay dl {
        padding-left: 25px;
    }

    .m2zw_c3lay dl dd {
        font-size: 15px;
        line-height: 28px;
        height: 28px;
    }

    .m2zw_c3x1 span img {
        width: 60px;
        height: 60px;
    }

    .m2zw_c4des strong {
        font-size: 32px;
        line-height: 52px;
    }

    .m2zw_c4des p {
        font-size: 15px;
    }

    .m2zwLay_des {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width:993px) {
    .m2zwul {
        margin: 4.06vw -14px 0px;
    }

    .m2zwul li {
        padding: 0px 14px;
    }

    .m2zwc1_x1 strong,
    .m2zwc1_x2 strong {
        font-size: 22px;
        line-height: 32px;
    }

    .m2zwc1_x1 p,
    .m2zwc1_x2 p {
        font-size: 21px;
    }

    .m2zwc1ax {
        height: 258px;
    }

    .m2zwc2ul {
        margin: 6.68vw -20px 2vw;
    }

    .m2zwc2ul li {
        padding: 0px 20px;
    }

    .m2zwc2ul li:nth-child(4),
    .m2zwc2ul li:nth-child(5) {
        top: -20px;
    }

    .m2zwc2a {
        width: 180px;
        height: 180px;
    }

    .m2zwc2a p {
        font-size: 18px;
        line-height: 30px;
    }

    .m2zw_c3lay dl dd {
        font-size: 13px;
    }

    .m2zw_c3lay dl {
        padding-left: 20px;
    }

    .m2zwLay_txt strong {
        font-size: 22px;
        line-height: 36px;
    }
}

@media (max-width:767px) {
    .m2zwul li {
        width: 100%;
        margin: 15px 0
    }

    .m2zwCon1Wpr {
        padding: 50px 0;
    }

    .m2zwTx strong {
        font-size: 22px;
        line-height: 36px;
    }

    .m2zwTx strong:after {
        height: 2px;
    }

    .m2zwDes {
        font-size: 14px;
        line-height: 30px;
    }

    .m2zwc1ax {
        height: auto;
    }

    .m2zwc1_x1 {
        display: none;
    }

    .m2zwc1_x2 {
        opacity: 1;
        transform: translate(0, 0);
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 28px 15px 40px;
        min-height: 100px;
    }

    .m2zw_c1sds {
        font-size: 14px;
        padding-top: 16px;
        margin-top: 12px;
    }

    .m2zwc1_x1 p,
    .m2zwc1_x2 p {
        line-height: 40px;
        font-size: 17px;
    }

    .m2zwCon2 {
        padding: 50px 0;
    }

    .m2zwCon2 .m2zwTx strong {
        font-size: 20px;
    }

    .m2zwc2ul {
        margin: 6.68vw -10px 2vw;
    }

    .m2zwc2ul li {
        padding: 0px 10px;
    }

    .m2zwc2ul li:nth-child(4),
    .m2zwc2ul li:nth-child(5) {
        top: -10px;
    }

    .m2zwc2a {
        width: 90px;
        height: 90px;
    }

    .m2zwc2a p {
        font-size: 12px;
        line-height: 18px;
    }

    .m2zwc2a i {
        display: none;
    }

    .m2zwCon3 {
        padding: 60px 0;
    }

    .m2zwc3ul {
        margin-top: 25px;
    }

    .m2zwLay_txt {
        width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .m2zw_closeBtn {
        width: 46px;
        height: 46px;
        background-size: 15px auto;
    }

    .m2zwc3ul li {
        width: 100% !important;
    }

    .m2zw_c3x {
        height: 300px !important;
    }

    .m2zw_c3lay {
        opacity: 1;
    }

    .m2zw_c3x {
        background: #df2040;
        border: 2px solid #df2040;
        color: #fff;
    }

    .m2zw_c3x1 {
        display: none;
    }

    .m2zwc3ul li {
        margin-bottom: 15px !important;
        margin-top: 0 !important;
    }

    .m2zw_c3lay strong {
        font-size: 16px;
        line-height: 34px;
    }

    .m2zw_c3lay dl {
        padding-left: 15px;
    }

    .m2zw_c3lay dl dd {
        width: 33.33%;
    }

    .m2zw_c4a {
        height: 225px;
        background-position: center center !important;
    }

    .m2zw_c4des strong {
        font-size: 22px;
        line-height: 42px;
    }

    .m2zw_c4des p {
        font-size: 12px;
        line-height: 20px;
    }

    .m2zw_c4des span {
        font-size: 14px;
    }

    .m2zwCon4 {
        margin-bottom: 50px;
    }
}

.m3zwCon1 {
    padding: 5.2vw 0px 5.72vw;
}

.m3zw_pt {
    font-size: 46px;
    line-height: 66px;
    display: block;
    font-weight: normal;
}

.m3zw_c1des {
    font-size: 24px;
    line-height: 36px;
    margin: 22px 0px 32px;
}

.m3zw_c1ul {
    margin: 0px -12px;
}

.m3zw_c1ul li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
}

.m2zw_intx {
    position: relative;
}

.m2zw_intx select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 2px solid #ddd;
    background: transparent url(../images/m2zw_arrow.png) no-repeat calc(100% - 32px) center;
    padding-right: 85px;
    opacity: 1;
    color: #888;
    font: 16px/86px "微软雅黑";
    width: 100%;
    height: 90px;
    padding-left: 35px;
}

.m2zw_intx input {
    font-size: 16px;
    line-height: 86px;
    color: #666;
    height: 90px;
    width: 100%;
    padding: 0px 85px 0px 35px;
    border: 2px solid #ddd;
}

.m2zw_intx button {
    background: url(../images/m2zw_ser.png) no-repeat center center;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    right: 18px;
    border-width: 0px;
    border-style: none;
    cursor: pointer;
}

.m3zwCon2 {
    padding: 5.2vw 0px;
    background: #f5f5f5;
}

.m3zw_c2ul {
    margin: 0px -12px;
}

.m3zw_c2ul li {
    padding: 0px 12px;
    float: left;
    width: 33.33%;
    margin-bottom: 24px;
}

.m3zw_c2a {
    display: block;
    background: #FFF;
    padding: 35px 38px 0px;
    height: 180px;
    position: relative
}

.m3zw_c2a:hover {
    color: #FFF;
    background: #df203d;
    box-shadow: 0 10px 20px rgba(223, 32, 61, 0.3);
}

.m3zw_sicon {
    display: block;
    position: absolute;
    height: 66px;
    width: 66px;
    top: 30px;
    right: 32px;
}

.m3zw_sicon img {
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
    top: 0
}

.m3zw_c2a strong {
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    letter-spacing: 2px;
    display: inline;
}

.m3zw_c2a p {
    transition: all 0.5s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
    color: #bfbfbf;
    line-height: 20px;
    display: block;
}

.m3zw_c2a i {
    transition: all 0.5s ease-in-out;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    color: #808080;
    display: block;
    margin-top: 34px;
}

.m3zw_c2a:hover p {
    color: #fff;
}

.m3zw_c2a:hover i {
    color: #fff
}

.m3zw_c2a:hover .m3zw_sicon img {
    opacity: 0;
}

.m3zw_c2a:hover .m3zw_sicon img.iOpacity {
    opacity: 1;
}

.m3zwCon3 {
    padding: 5.2vw 0px;
    background: url(../images/m2zw_map.png) no-repeat center center;
}

.m3zw_c3ul {
    margin: 32px -12px 0px;
}

.m3zw_c3ul li {
    padding: 0px 12px;
    width: 25%;
    margin-bottom: 24px;
    float: left;
}

.m3zw_c3a {
    display: block;
    line-height: 120px;
    height: 120px;
    border-left: 4px solid #104484;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 3px 28px rgba(0, 0, 0, 0.1);
    padding: 0 30px;
}

.m3zw_c3a p {
    font-size: 24px;
    float: left;
}

.m3zw_c3a span {
    transition: all 0.5s ease-in-out;
    font-size: 16px;
    color: #808080;
    float: right;
}

.m3zw_c3a:hover {
    color: #fff;
    background: #df203d;
    box-shadow: 0 3px 28px rgba(223, 32, 61, 0.3);
    border-left: 4px solid #df203d;
}

.m3zw_c3a:hover span {
    color: #fff;
}

.m3zwCon4Wpr {
    background: url(../images/m2zw_c3bg.jpg) no-repeat center center;
    color: #FFF;
    padding: 8.59vw 0px;
    position: relative;
    z-index: 2;
    margin-bottom: 2vw;
    ;
}

.m3zwCon4 {}

.m3zw_c4Lx {
    float: left;
}

.m3zw_c4Lx p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 28px;
    height: 148px;
}

.m3zw_btn {
    font-size: 20px;
    line-height: 60px;
    color: #FFF;
    background: #df203d;
    height: 60px;
    width: 200px;
    text-align: center;
    display: block;
}

.m3zw_btn:hover {
    transform: translateY(-8px);
    color: #fff;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m3zw_c4Rx {
    float: right;
    height: 302px;
    width: 495px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right
}

.m3zw_funs {
    margin-top: 178px;
    height: 60px;
}

.m3zw_c4a {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: relative;
}

.m3zw_c4a span {
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.m3zw_c4a:hover span {
    opacity: 1;
    visibility: visible;
}

.m3zw_c4a span:after {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
}

.m3zw_c4a1 {
    background: url(../images/m2zw_fsi1.png) no-repeat center center;
    margin-right: 36px;
}

.m3zw_c4a1 span {
    white-space: nowrap;
    padding: 0 30px;
    line-height: 48px;
    height: 48px;
    font-size: 21px;
    background: #fff;
    border-radius: 1.8em;
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    color: #333;
}

.m3zw_c4a2 {
    background: url(../images/m2zw_fsi2.png) no-repeat center center;
    margin-right: 36px;
}

.m3zw_c4a2 span {
    background: #fff;
    border-radius: 0.4em;
    padding: 3px;
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    max-width: 160px;
}

.m3zw_c4a2 span img {
    max-width: 160px;
}

.m3zw_c4a3 {
    background: url(../images/m2zw_fsi3.png) no-repeat center center;
}

.m3zwLayBox {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
}

.m3zwlay {
    width: 900px;
    max-width: 100%;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 3.12vw 5.2vw;
}

.m3zw_closeBtn {
    background: url(../images/m2zw_close.png) no-repeat;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    display: block;
}

.m3zw_closeBtn:hover {
    transform: rotate(180deg);
}

.m3zwLay_top {}

.m3zwLay_top strong {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
    height: 36px;
    border-left: 4px solid #df203d;
    display: block;
    padding-left: 32px;
    font-weight: normal;
}

.m3zwLay_top p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

.m3zwLay_bom {
    max-height: 80vh;
    overflow-y: auto;
    margin-top: 25px;
}

.m3zw_intx {
    position: relative;
    margin-bottom: 8px;
}

.m3zw_intx input {
    line-height: 50px;
    padding: 0px 20px;
    height: 52px;
    border: 1px solid #E6E6E6;
    width: 100%;
    color: #111;
}

.m3zw_intx input:focus {
    border: 1px solid #104484;
}

.m3zw_intx button {
    font-size: 16px;
    line-height: 52px;
    color: #FFF;
    background: #DF2040;
    letter-spacing: 1px;
    display: block;
    height: 52px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    display: block;
    width: 100%;
}

.m3zw_intx button:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(223, 32, 61, 0.3);
}

.m3zw_intx select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #E6E6E6;
    background: transparent url(../images/m2zw_arrow.png) no-repeat calc(100% - 20px) center;
    padding-right: 20px;
    opacity: 1;
    color: #777;
    font: 16px/50px "微软雅黑";
    width: 100%;
    height: 52px;
    padding-left: 20px;
    background-size: 12px auto;
}

.m3zw_intx_file {
    height: 52px;
    position: relative;
    font-size: 16px;
    line-height: 52px;
    padding-left: 20px;
}

.m3zw_intx_file span {
    display: block;
    line-height: 50px;
    background: #f7f9fa;
    text-align: center;
    height: 52px;
    border: 1px solid #E6E6E6;
    position: absolute;
    left: 118px;
    top: 0px;
    right: 0px;
    color: #104484;
}

.m3zw_intx_file input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.m3zw_tip {
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    margin-bottom: 8px;
    padding-left: 20px;
}

.m3zw_bmTip {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #808080;
    margin-top: 25px;
}

.m3zw_bmTip a {
    letter-spacing: 0;
    color: #104484;
}

.m3zw_vcd {
    height: 50px;
    width: 118px;
    border-left: 1px solid #e6e6e6;
    position: absolute;
    top: 0px;
    right: 1px;
}

.m3zw_vcd img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 38px;
    width: auto;
}

@media (max-width:1799px) {
    .m3zw_pt {
        font-size: 32px;
        line-height: 50px
    }

    .m3zw_c1des {
        font-size: 18px;
        line-height: 32px;
    }

    .m2zw_intx select {
        background: transparent url(../images/m2zw_arrow.png) no-repeat calc(100% - 20px) center;
        padding-right: 65px;
        font: 15px/66px "微软雅黑";
        height: 70px;
        padding-left: 20px;
    }

    .m2zw_intx input {
        font-size: 15px;
        line-height: 66px;
        height: 70px;
        width: 100%;
        padding: 0px 65px 0px 20px;
    }

    .m2zw_intx button {
        height: 50px;
        width: 50px;
        margin-top: -25px;
        right: 12px;
    }

    .m3zw_c2a strong {
        font-size: 22px;
    }

    .m3zw_c3a p {
        font-size: 22px;
    }

    .m3zw_c4Lx p {
        margin-top: 18px;
        height: 108px;
    }

    .m3zw_funs {
        margin-top: 138px;
    }

    .m3zw_c4a3,
    .m3zw_c4a2,
    .m3zw_c4a1 {
        background-size: 40px auto;
        margin-right: 0
    }

    .m3zw_c4a1 span {
        font-size: 18px;
    }

    .m3zw_c4a1 span,
    .m3zw_c4a2 span {
        bottom: 60px;
    }

    .m3zw_c4Rx {
        height: 240px;
    }

    .m3zwLay_top strong {
        padding-left: 25px;
    }

    .m3zwLay_top strong {
        font-size: 24px;
        line-height: 32px;
        height: 32px;
    }

    .m3zwLay_top p {
        font-size: 15px;
        margin-top: 12px;
    }

    .m3zwLay_bom {
        margin-top: 15px;
        max-height: 60vh;
    }

    .m3zw_btn {
        font-size: 18px;
        line-height: 54px;
        height: 54px;
        width: 180px
    }
}

@media (max-width:1199px) {
    .m3zw_c2ul li {
        width: 50%;
    }

    .m3zw_c3ul li {
        width: 33.33%;
    }

    .m3zw_c4Rx {
        width: 355px;
    }
}

@media (max-width:993px) {
    .m3zw_c4Lx {
        width: 320px;
    }

    .m3zwlay {
        width: 90%;
    }
}

@media (max-width:767px) {
    .m3zw_c1ul {
        margin-left: 0;
        margin-right: 0;
    }

    .m3zw_c1ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .m3zwCon4Wpr {
        padding: 50px 0;
    }

    .m3zw_pt {
        font-size: 24px;
        line-height: 36px;
    }

    .m3zw_btn {
        height: 52px;
        line-height: 52px;
        margin-left: auto;
        margin-right: auto;
    }

    .m3zw_c4Lx p {
        font-size: 15px;
    }

    .m3zw_c4Lx {
        width: 100%;
        margin-bottom: 35px;
        text-align: center
    }

    .m3zw_c4Rx {
        width: 100%;
        text-align: center;
        border: none;
        height: 150px;
    }

    .m3zw_funs {
        margin-top: 50px;
    }

    .m3zwCon4Wpr {
        margin-bottom: 55px;
    }

    .m3zwlay {
        padding-bottom: 20px;
    }

    .m3zwLayBox {
        z-index: 55;
    }

    .m3zwCon4Wpr .m3zw_pt {
        font-size: 20px;
    }

    .m3zwCon1 {
        padding: 40px 0;
    }

    .m3zw_c1des {
        font-size: 15px;
        line-height: 28px;
        margin-top: 8px;
    }

    .m3zw_c1ul li {
        padding: 0;
    }

    .m4zyTop {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m3zw_c2ul li {
        width: 100%;
    }

    .m3zw_c2a {
        padding: 25px 25px 0px;
    }

    .m3zwCon2 {
        padding: 50px 0 40px;
    }

    .m3zwCon3 {
        padding: 50px 0 40px;
    }

    .m3zw_c3ul li {
        width: 100%;
    }

    .m3zw_c2a strong {
        font-size: 20px;
    }

    .m3zw_c3a p {
        font-size: 20px;
    }
}

.m4zyCon {
    padding: 5.2vw 0px 5.72vw;
}

.m4zwul {
    margin: 3.12vw -12px 40px;
}

.m4zwul li {
    float: left;
    width: 33.33%;
    padding: 0px 12px;
    margin-bottom: 24px;
}

.m4zw_a {
    display: block;
    background: #FAFAFA;
    height: 240px;
    border: 2px solid #E6E6E6;
    padding: 31px 40px 0px;
    position: relative;
}

.m4zw_a:hover {
    color: #FFF;
    background: #df203d;
    border: 2px solid #df203d;
    box-shadow: 0 10px 30px rgba(223, 32, 61, 0.3);
}

.m4zw_a strong {
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    display: block;
}

.m4zw_a p {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 32px;
    font-size: 16px;
    transition: all 0.5s ease-in-out;
    line-height: 30px;
    color: #808080;
}

.m4zw_a p span {
    color: #999;
    display: inline-block;
    margin: 0px 15px;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: -1px;
}

.m4zw_a:hover p,
.m4zw_a:hover p span {
    color: #fff;
}

.m5zwTop {
    margin-top: 2.34vw;
    padding-bottom: 5.98vw;
}

.m5zwTlx {
    width: calc(100% - 488px);
    float: left;
    background: #FFF;
    padding: 35px 60px 62px;
}

.m5zw_t {
    font-size: 46px;
    line-height: 66px;
    display: block;
    font-weight: bold;
}

.m5zwTfuns {
    padding: 0px 140px 30px 0px;
    margin-top: 22px;
    position: relative;
    border-bottom: 5px solid #E6E6E6;
}

.m5zwTfuns ul {
    display: block;
    overflow: hidden;
}

.m5zwTfuns li {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    padding-right: 15px;
}

.m5zwTfuns .m3nShare {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.m5zwContent {
    font-size: 18px;
    line-height: 36px;
    color: #808080;
    padding-bottom: 10px;
}

.m5zwContent strong {
    font-size: 30px;
    line-height: 62px;
    margin-top: 1.82vw;
    color: #333;
    display: block;
    font-weight: normal;
    letter-spacing: 1px;
}

.m5zwTrx {
    width: 464px;
    float: right;
    background: #fff;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 58px;
}

.m5zwBomWpr {
    background: url(../images/m2zw_c3bg2.jpg) no-repeat center center;
    color: #FFF;
    position: relative;
    z-index: 2;
    margin-bottom: 2vw;
    padding: 7.03vw 0px;
}

.m5zwTrx .m3zwLay_top p {
    padding-left: 36px;
    padding-right: 36px;
}

.m5zwTrx .m3zwLay_bom {
    height: auto;
    padding-left: 36px;
    padding-right: 36px;
    overflow: visible;
    max-height: none;
}

.m5zw_bmLx {
    float: left;
}

.m5zw_bmRx {
    float: right;
    transform: translateY(-15px);
}

.m5zw_bmRx .m3zw_funs {
    margin-top: 0;
}

.m5zw_bmRx .m3zw_c4a1 {
    margin-right: 120px;
    width: 96px;
    text-align: center;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    opacity: 0.4
}

.m5zw_bmRx .m3zw_c4a2 {
    margin-right: 120px;
    width: 96px;
    text-align: center;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    opacity: 0.4
}

.m5zw_bmRx .m3zw_c4a3 {
    width: 96px;
    text-align: center;
    padding-top: 62px;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    opacity: 0.4
}

.m5zw_bmRx .m3zw_c4a1:after,
.m5zw_bmRx .m3zw_c4a2:after {
    content: "";
    width: 1px;
    height: 60px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    right: -60px;
    top: 20px;
    transition: all 0.3s ease-in-out;
}

.m5zw_bmRx .m3zw_c4a1:hover,
.m5zw_bmRx .m3zw_c4a2:hover,
.m5zw_bmRx .m3zw_c4a3:hover {
    opacity: 1;
}

.m5zw_bmRx .m3zw_c4a1:hover:after,
.m5zw_bmRx .m3zw_c4a2:hover:after,
.m5zw_bmRx .m3zw_c4a3:hover:after {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width:1799px) {
    .m4zw_a strong {
        font-size: 21px;
    }

    .m4zw_a {
        height: 220px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .m5zwTop {
        margin-top: 1.2vw;
    }

    .m5zwTlx {
        padding: 35px 45px 62px;
    }

    .m5zw_t {
        font-size: 32px;
        line-height: 52px;
    }

    .m5zwTrx {
        padding-top: 44px;
    }

    .m5zwTfuns li {
        font-size: 14px;
    }

    .m5zwTfuns {
        border-bottom: 3px solid #E6E6E6;
    }

    .m5zwContent strong {
        font-size: 22px;
        line-height: 54px;
    }

    .m5zwContent {
        font-size: 15px;
        line-height: 32px;
    }

    .nav li {
        margin: 0 !important;
        padding: 0 1vw;
    }
}

@media (max-width:1559px) {
    .nav li {
        margin: 0 !important;
        padding: 0 0.7vw;
    }
}

@media (max-width:1199px) {
    .m4zwul li {
        width: 50%;
    }

    .m5zwTlx {
        width: calc(100% - 388px);
    }

    .m5zwTrx {
        width: 372px;
    }
}

@media (max-width:993px) {
    .m5zwTlx {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }

    .m5zwTrx {
        width: 100%;
        float: none;
    }
}

@media (max-width:767px) {
    .m4zyCon {
        padding-top: 40px;
    }

    .m4zyCon {
        margin-top: 20px;
    }

    .m2zw_intx select,
    .m2zw_intx input {
        line-height: 52px;
        height: 56px;
    }

    .m4zwul {
        margin-left: 0;
        margin-right: 0;
    }

    .m4zwul li {
        width: 100%;
    }

    .m4zw_a strong {
        font-size: 16px;
        line-height: 32px;
        max-height: 64px;
        overflow: hidden;
    }

    .m4zw_a {
        padding-left: 20px;
        padding-right: 20px;
        height: 170px;
        padding-top: 25px;
    }

    .m4zw_a p {
        left: 20px;
        right: 20px;
    }

    .m4zwul {
        margin-bottom: 20px;
    }

    .m4zyCon {
        padding-bottom: 60px;
    }

    .m5zwTlx {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m5zw_t {
        font-size: 21px;
        line-height: 40px;
    }

    .m5zwContent strong {
        font-size: 18px;
    }

    .m5zwTlx {
        padding-bottom: 50px;
    }

    .m5zwTrx .m3zwLay_top p,
    .m5zwTrx .m3zwLay_bom {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m5zw_bmLx {
        width: 100%;
        text-align: center;
        float: none;
    }

    .m5zw_bmRx {
        width: 100%;
        float: none;
        margin-top: 25px;
        text-align: center
    }

    .m5zw_bmRx .m3zw_c4a2,
    .m5zw_bmRx .m3zw_c4a1,
    .m5zw_bmRx .m3zw_c4a3 {
        margin: 0 10px;
        width: 66px;
    }

    .m5zw_bmRx .m3zw_c4a:after {
        display: none !important;
    }

    .m5zwBomWpr {
        padding: 60px 0;
        margin-bottom: 40px;
    }

    .m3zw_c4a1 span {
        font-size: 14px;
        padding: 0 15px
    }
}

/*2021-11-29 CSS*/

.mmberLayBg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
}

.mmberLay {
    width: 90%;
    height: 470px;
    max-width: 640px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 55
}

.mmberLay .pubCsLay {
    width: 100%;
    height: 470px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    margin-left: 0;
    padding-top: 48px;
}

.mmberLay .pubCs_des {
    height: 128px;
}

.mmberLay .pubCs_des strong {
    margin-bottom: 0;
}

.mmberLay .pubCs_des p {
    color: #808080;
}

.pubCs_stip {
    font-size: 12px;
    line-height: 30px;
    color: #df203d;
    height: 30px;
}

.pubCs_stip img {
    margin-right: 7px;
    position: relative;
    top: -1px;
}

.mmberLay .pubCsfm {
    margin-top: 0;
}

.mmberLay .pubCsfm li input {
    font-size: 16px;
    line-height: 58px;
    background: #F7F7F7;
    height: 56px;
    border: 1px solid #F7F7F7;
    padding: 0 25px;
    border-radius: 1.8em;
}

.mmberLay .pubCsfm li input:focus {
    border: 1px solid #DF2040;
}

.mmcdv_get {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    height: 16px;
    width: 175px;
    position: absolute;
    top: 20px;
    right: 0px;
    border-left: 1px solid #CCCCCC;
    color: #df203d;
}

.mmberLay .pubCsfm li button {
    line-height: 58px;
    height: 58px;
    margin-top: 0px;
    border-radius: 1.8em;
}

.mmberLay .mmcdTip {
    font-size: 14px;
    color: #808080;
}

.mmberLay .mmcdTip a,
.mmberLay .mmcdTip a:hover {
    color: #df203d;
}

.mmber_sysEvm {
    display: block;
    margin-top: -43px;
    text-align: center;
    position: relative
}

.mmber_sysEvm img {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}

.mmber_sysTip {
    text-align: center;
    height: 77px;
    margin-top: 16px;
}

.mmber_sysTip span {
    font-size: 14px;
    line-height: 20px;
    color: #808080;
    background: url(../images/mmber_wico.png) no-repeat left center;
    height: 40px;
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    padding-left: 59px;
}

.mmberLay .mmcdTip span {
    display: inline-block;
    margin: 0 20px;
    color: #ccc;
}

.mmber_link {
    display: block;
    height: 85px;
    width: 85px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.mmber_link1 {
    background: url(../images/mmber_i1.png) no-repeat right top;
}

.mmber_link1:hover {
    background: url(../images/mmber_i1a.png) no-repeat right top;
}

.mmber_link2 {
    background: url(../images/mmber_i2.png) no-repeat right top;
}

.mmber_link2:hover {
    background: url(../images/mmber_i2a.png) no-repeat right top;
}

.mmber_link span {
    font-size: 12px;
    color: #df203d;
    line-height: 22px;
    white-space: nowrap;
    display: inline-block;
    padding: 0px 12px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 85px;
    background: #F6F6F8;
    border: 1px solid #df203d;
}

.mmber_link span:after {
    content: "";
    background: url(../images/mmbr_tip_ar.png) no-repeat center center;
    height: 8px;
    width: 5px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: -5px;
}

@media (max-width:1799px) {
    .mmberLay .pubCs_des {
        height: 105px;
    }

    .mmberLay .pubCs_des p {
        margin-top: 8px;
    }

    .mmberLay .pubCsfm li input {
        line-height: 50px;
        height: 52px;
        font-size: 15px;
    }

    .mmcdv_get {
        font-size: 14px;
        top: 17px;
    }

    .mmberLay .pubCsfm li button {
        line-height: 52px;
        height: 52px;
    }

    .mmberLay .pubCsLay {
        height: 420px;
    }

    .mmberLay {
        height: 420px;
    }

    .mmber_sysTip {
        height: 63px;
    }
}

@media (max-width:767px) {
    .mmber_sysEvm {
        margin-top: -50px;
    }

    .mmberLay .pubCsLay {
        height: 390px;
    }

    .mmberLay {
        height: 390px;
    }
}

/*移动端头部登录/注册*/
.mMber_fun {
    position: absolute;
    right: 100px;
    top: 0;
}

.mHeader .head_reg {
    line-height: 56px;
    height: 56px;
}

.mHeader .head_logoin {
    line-height: 56px;
}

/*英文版登录注册*/
.m2regBox_en .m2regTx strong {
    letter-spacing: 0;
    text-transform: uppercase;
}

.m2regBox_en .m2regTx p {
    color: #808080;
    letter-spacing: 0;
    margin: 6px 0px 1.2vw;
}

.m2regBox_en .m2reg_fm li.m2reg_even {
    overflow: hidden;
}

.m2regBox_en .m2reg_fm li.m2reg_even input {
    width: calc(50% - 5px);
    float: left;
}

.m2regBox_en .m2reg_fm li.m2reg_even input:nth-child(2) {
    float: right;
}

.m2regBox_en .m2reg_bmTip {
    color: #bfbfbf;
    font-size: 16px;
    line-height: 30px;
    margin-top: 18px;
    text-align: center
}

.m2regBox_en .m2reg_bmTip a {
    color: #df203d;
}

.m2regBox_en .m2reg_bmTip {
    margin-top: 8px;
}

.m2regBox_en .m2reg_cd {
    font-size: 14px;
    color: #df203d;
    background: none;
    letter-spacing: 0;
}

.m2regBox_en .m2reg_cd:after {
    content: "";
    background: #CCCCCC;
    height: 14px;
    width: 1px;
    margin-top: -7px;
    position: absolute;
    left: 0px;
    top: 50%;
}

.m2regBox_en .m2reg_fm li input {
    border-radius: 1.8em;
}

.m2regBox_en .m2reg_fm li button {
    border-radius: 1.8em;
}

.m2regBox_en .m2regRt strong {
    font-size: 42px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: 0
}

.m2regBox_en .m2regRt p {
    font-size: 21px;
    letter-spacing: 0
}

.m2regBox_en .m2regRbm h4 {
    margin-top: 0;
    font-size: 50px;
}

.m2regBox_en .m2regRbm p:nth-child(2) {
    margin-top: 2vw;
}

.pubcs_get_pw {
    text-align: right;
    font-size: 16px;
    color: #df203d;
    padding-top: 5px;
}

.pubMbrLayBg_en .pubCs_des p {
    color: #808080;
    line-height: 24px;
}

.pubMbrLayBg_en .pubCsfm li input {
    border-radius: 1.8em;
}

.pubMbrLayBg_en .pubCsfm li button {
    border-radius: 1.8em;
}

.pubMbrLayBg_en .mmcdTip a {
    color: #df203d;
}

@media (max-width:1799px) {
    .m2regBox_en .m2regRt strong {
        font-size: 30px;
        line-height: 42px;
    }

    .m2regBox_en .m2regRt p {
        font-size: 18px;
        letter-spacing: 0
    }

    .m2regBox_en .m2regRbm p {
        font-size: 18px;
        line-height: 30px;
    }

    .m2regBox_en .m2regRbm h4 {
        margin-top: 0;
        font-size: 40px;
    }

    .m2regBox_en .m2regTx strong {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (max-width:1379px) {
    .m2regTx strong {
        font-size: 28px;
        line-height: 32px;
    }

    .m2regTx p {
        line-height: 24px;
    }

    .m2reg_fm li {
        margin-bottom: 5px;
    }

    .m2regBox_en .m2regTx strong {
        font-size: 24px;
    }
}

@media (max-width:767px) {
    .m2regBox_en .m2regRt strong {
        font-size: 20px;
        line-height: 32px;
    }

    .m2regBox_en .m2regRt p {
        font-size: 16px;
        line-height: 26px;
    }

    .m2regBox_en .m2regRbm p {
        font-size: 14px;
        line-height: 24px;
    }

    .m2regBox_en .m2regRbm h4 {
        font-size: 28px;
    }
}

/*new_index 2022-01-06 css*/
.nhmFocusWpr .hmFocus_item .bgImg {
    height: 100vh;
}

.nhmFocusWpr .hmFsTxt {
    padding-bottom: 8.33vw;
}

.nhmFocusWpr .hmNumsWpr {
    position: absolute;
    left: 0;
    bottom: 3.02vw;
    width: 100%;
}

.nhmFocusWpr .hmNums {
    bottom: 0;
    top: auto;
    transform: translateY(0);
}

.nhmFocusWpr .hmNmx {
    padding-left: 80px;
    position: relative;
}

.nhmFocusWpr .hmNmx .nhmc1ico {
    position: absolute;
    left: 0;
    top: 50%;
    width: 66px;
    height: 66px;
    margin-top: -33px;
}

.nhmc1ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nhmFocusWpr .hmNums ul {
    height: 100px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0
}

.nhmFocusWpr .hmNums li {
    padding-top: 21px;
}

.nhmFocusWpr .slick-dots {
    bottom: 220px;
}

.nhmFocusWpr .slick-dots li button {
    display: none;
}

.nhmFocusWpr .slick-dots li {
    background: #fff;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0px 10px;
    position: relative;
    border-radius: 50%;
    vertical-align: middle
}

.nhmFocusWpr .slick-dots li.slick-active {
    background: none;
    border: 3px solid #DF2040;
    height: 20px;
    width: 20px;
}

.nhmCon1Wpr {
    background: url(../images/nhm_c2bg.jpg) no-repeat center center;
    padding-top: 8vw;
    background-size: cover;
}

.nhmCon1 {
    position: relative;
    padding-right: 585px;
}

.nhmc1Swiper {
    height: 671px;
    padding-top: 38px;
    color: #fff;
}

.nhmc1Item {}

.nhmc1t {
    font-size: 48px;
    line-height: 66px;
    font-weight: bold;
    letter-spacing: 5px;
    display: block;
}

.nhmc1des {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 34px;
    margin: 20px 0px 0px;
}

.nhmc1ul {
    overflow-y: auto;
    margin-bottom: 45px;
    margin-top: 44px;
    max-height: 288px;
}

.nhmc1ul li {
    width: 33.33%;
    float: left;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    padding-right: 15px;
    letter-spacing: 1px;
}

.nhmc1_m {
    font-size: 14px;
    line-height: 46px;
    color: #FFF;
    height: 48px;
    width: 180px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
}

.nhmc1_m:hover {
    color: #fff;
    transform: translateY(-8px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nhmc1nav {
    height: 174px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-right: 275px;
    margin-top: -1px;
    position: relative;
    padding-top: 30px;
}

.nhmc1aBtn {
    display: inline-block;
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
}

.nhmc1Nitm {
    width: auto;
    float: left;
    margin-right: 80px;
}

.nhmc1aBtn.on,
.nhmc1aBtn:hover {
    color: #fff;
}

.nhmc1aBtn span {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: relative;
    transition: all 0.5s ease-in-out;
    opacity: 0.5;
}

.nhmc1aBtn.on span,
.nhmc1aBtn:hover span {
    opacity: 1;
}

.nhmc1aBtn span img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nhmc1aBtn p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 13px;
}

.nhmc1rimg {
    position: absolute;
    top: 0;
    right: 38px;
}

.nhmc1Line {
    height: 3px;
    background: #fff;
    left: 0;
    top: -2px;
    transition: all 0.5s ease-in-out;
    position: absolute;
}

.nhmC2tx {
    text-align: center;
    padding-top: 4.58vw;
    padding-bottom: 2.7vw;
}

.nhmCon2Wpr {
    position: relative;
}

.nhmc2Imgs {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.nhmc2bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    background-size: cover;
    background: no-repeat center center;
}

.nhmc2bg:after {
    content: "";
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

.nhmc2bg.on {
    opacity: 1;
    visibility: visible;
}

.nhmCon2 {
    padding-top: 11.45vw;
    padding-bottom: 4.27vw;
    position: relative;
}

.nhmc2Menu {
    left: 275px;
    padding: 44px 0px 138px 58px;
    width: 480px;
    background: #df203d url(../images/nhmc3bgLogo.png) no-repeat right bottom;
    bottom: 62px;
    position: absolute;
}

.nhmc2Menu_a {
    display: block;
    line-height: 58px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    letter-spacing: 1px;
    position: relative;
}

.nhmc2Menu_a:before {
    content: "";
    background: url(../images/nhmc2_si2.png) no-repeat center center;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    position: absolute;
    left: 0px;
    top: 50%;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.nhmc2Menu_a.on,
.nhmc2Menu_a:hover {
    color: #fff;
    padding-left: 45px;
}

.nhmc2Menu_a.on:before,
.nhmc2Menu_a:hover:before {
    opacity: 1;
}

.nhmc2Swiper {
    height: 605px;
    width: 600px;
    float: right;
}

.nhmc2item {
    padding-right: 50px;
    padding-bottom: 50px;
}

.nhmc2Tx {
    margin-bottom: 45px;
}

.nhmc2Tx strong {
    font-size: 36px;
    line-height: 50px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
}

.nhmc2Tx p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
    margin-top: 12px;
}

.nhmc2tags {
    margin-bottom: 20px;
}

.nhmc2tags span {
    line-height: 28px;
    text-align: center;
    display: inline-block;
    height: 30px;
    min-width: 110px;
    margin-right: 12px;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    padding: 0 10px;
    letter-spacing: 1px;
}

.nhmc2tags span:last-child {
    margin-right: 0;
}

.nhmc2ul {
    margin-bottom: 52px;
}

.nhmc2ul li {
    font-size: 16px;
    line-height: 30px;
    padding: 3px 0px 3px 28px;
    background: url(../images/nhmc2_si1.png) no-repeat left 12px;
}

.nhmc2more {
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    border: 1px solid #DF2040;
    line-height: 46px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #DF2040
}

.nhmc2more:hover {
    background: #DF2040;
    color: #fff;
    box-shadow: 0 5px 30px rgba(223, 32, 64, 0.3);
    transform: translateY(-6px)
}

.nhmc2Swiper .slick-dots {
    bottom: 0;
    width: 600px;
    text-align: left;
}

.nhmc2Swiper .slick-dots li button {
    display: none;
}

.nhmc2Swiper .slick-dots li {
    background: #D6D6D6;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0px 18px 0 0;
    position: relative;
    border-radius: 50%;
    vertical-align: middle
}

.nhmc2Swiper .slick-dots li.slick-active {
    border: 2px solid #DF2040;
    height: 16px;
    width: 16px;
    background: #FFF;
}

.nhmc2Swiper .slick-prev {
    background: #F7F7F7 url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    right: 70px;
    bottom: -22px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.nhmc2Swiper .slick-next {
    background: #F7F7F7 url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    right: 0px;
    bottom: -22px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    transform: rotate(180deg);
    z-index: 2;
}

.nhmc2Swiper .slick-prev:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 10px 20px rgba(223, 32, 64, 0.3)
}

.nhmc2Swiper .slick-next:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 -10px 20px rgba(223, 32, 64, 0.3)
}

.nhmCon3Wpr {
    padding-bottom: 9.37vw;
}

.nhmc3tx {
    text-align: center;
    padding-top: 4.58vw;
    padding-bottom: 2.7vw;
}

.nhmc3swiper {}

.nhmc3item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 0 125px;
    color: #fff;
    height: 600px;
}

.nhmc3item .bgImg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.nhmc3item .bgImg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/nhmc2Lay_bg.png) no-repeat left center;
    background-size: cover;
}

.nhmc3item strong {
    position: relative;
    z-index: 1;
    font-size: 36px;
    font-weight: normal;
    color: #FFF;
    letter-spacing: 2px;
    display: block;
    line-height: 50px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translate(0, 50px);
}

.nhmc3ul {
    position: relative;
    z-index: 1;
    margin: 25px 0px 45px;
    min-height: 68px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translate(0, 50px);
}

.nhmc3ul li {
    line-height: 34px;
    background: url(../images/nhmc2_si1.png) no-repeat left 11px;
    padding-left: 30px;
    font-size: 16px;
}

.nhmc3btns {
    height: 48px;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translate(0, 50px);
}

.nhmc3item.on strong {
    opacity: 1;
    transform: translate(0, 0)
}

.nhmc3item.on .nhmc3ul {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: 0.2s;
}

.nhmc3item.on .nhmc3btns {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: 0.3s;
}

.nhmc3btns a:nth-child(1) {
    height: 48px;
    width: 180px;
    font-size: 14px;
    line-height: 48px;
    color: #FFF;
    background: #DF2040;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
    letter-spacing: 1px;
}

.nhmc3btns a:nth-child(1):hover {
    box-shadow: 0 10px 30px rgba(223, 32, 64, 0.3);
    transform: translateY(-5px);
}

.nhmc3btns a:nth-child(2) {
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    border: 1px solid #FFF;
    color: #FFF;
    letter-spacing: 1px;
}

.nhmc3btns a:nth-child(2):hover {
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
    transform: translateY(-5px);
}

.nhmc3swiper .slick-dots {
    bottom: -3.64vw;
    width: 100%;
    text-align: center;
}

.nhmc3swiper .slick-dots li button {
    display: none;
}

.nhmc3swiper .slick-dots li {
    background: #D6D6D6;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0px 9px;
    position: relative;
    border-radius: 50%;
    vertical-align: middle
}

.nhmc3swiper .slick-dots li.slick-active {
    border: 2px solid #DF2040;
    height: 16px;
    width: 16px;
    background: #FFF;
}

.nhmc3swiper .slick-prev {
    background: #FFFFFF url(../images/nhmc3btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: 40px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    opacity: 0;
    top: 50%;
    margin-top: -30px;
    display: none !important
}

.nhmc3swiper .slick-next {
    background: #FFFFFF url(../images/nhmc3btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 40px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    opacity: 1;
    top: 50%;
    margin-top: -30px;
    transform: rotate(180deg);
}

.nhmc3swiper:hover .slick-prev,
.nhmc3swiper:hover .slick-next {
    opacity: 1;
}

.nhmCon4Wpr {
    background: #f7f7f7 url(../images/nhmc3Lg.png) no-repeat center center;
    padding: 5.2vw 0px 5.72vw;
    background-size: auto 100%;
}

.nhmc4tx {
    text-align: center
}

.nhmc4swiper {
    margin: 0px -24px;
}

.nhmc4item {
    padding: 50px 24px 55px;
}

.nhmc4aBox {
    display: block;
}

.nhmc4aBox .overflowHide {
    height: 252px;
}

.nhmc4aBox .overflowHide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.nhmc4aBox .overflowHide:after {
    content: "";
    z-index: 2;
    background: rgba(255, 255, 255, 0.8) url(../images/nhmc3_pi.png) no-repeat 24px center;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
}

.nhmCon4Wpr .slick-prev {
    background: #fff url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: -105px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    top: 50%;
    margin-top: -30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.nhmCon4Wpr .slick-next {
    background: #fff url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    right: -105px;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    top: 50%;
    margin-top: -30px;
    transform: rotate(180deg);
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.05)
}

.nhmCon4Wpr .slick-prev:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 10px 20px rgba(223, 32, 64, 0.3)
}

.nhmCon4Wpr .slick-next:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 -10px 20px rgba(223, 32, 64, 0.3)
}

.nhmc4bm {
    background: #FFF;
    padding: 33px 35px 40px;
}

.nhmc4bm p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    display: block;
    height: 72px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nhmc4btns {
    text-align: center;
}

.nhm_pubBtn {
    text-align: center;
    display: inline-block;
    height: 48px;
    width: 180px;
    border: 1px solid #DF2040;
    line-height: 46px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #DF2040
}

.nhm_pubBtn:hover {
    background: #DF2040;
    color: #fff;
    box-shadow: 0 5px 30px rgba(223, 32, 64, 0.3);
    transform: translateY(-6px)
}

.nhmCon5Wpr {
    position: relative;
}

.nhmCon5Wpr:before {
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    height: 50%;
    background: #f7f7f7;
    position: absolute;
}

.nhmc5bg1 {
    height: 600px;
    background: #104484;
    width: 61.66vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.nhmc5bg2 {
    height: 586px;
    width: 87.5vw;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background: url(../images/nhmc4img.jpg) no-repeat center center;
    background-size: cover;
}

.nhmc5bg3 {
    height: 600px;
    background: url(../images/nhmc4Lbg.png) repeat-y left center;
    background-size: 100% 100%;
    width: 61.66vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.nhmCon5 {
    padding: 108px 0px 180px;
    position: relative;
    z-index: 3;
}

.nhmCon5Wpr .container {
    position: relative;
    z-index: 3;
}

.nhmc5tx {
    margin-bottom: 105px;
    color: #fff;
}

.nhmc5ul {}

.nhmc5ul li {
    float: left;
    width: 152px;
    float: left;
}

.nhmc5sx {
    display: inline-block;
    text-align: center;
    color: #fff;
}

.nhmc5ul li span {}

.nhmc5ul li p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
    margin-top: 12px;
}

.nhmc5ul li span img {}

.nhmc5btns {
    text-align: right;
    margin-top: 62px;
}

.nhmc5btns .nhm_pubBtn {
    background: #DF2040;
    color: #fff;
}

.nhmc5bg2:after {
    content: "";
    background: #0F4784;
    height: 30px;
    width: 25vw;
    right: 60px;
    bottom: -15px;
    position: absolute
}

.nhmCon6Wpr {
    padding-top: 5.72vw;
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.nhmc6tx {
    text-align: center
}

.nhmc6tx p {
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 50px;
    margin-top: 14px;
}

.nhmc6tip {
    color: #bfbfbf;
    text-align: left;
    position: absolute;
    right: 12.5vw;
    bottom: 13.5vw;
    font-size: 14px;
    line-height: 20px;
}

.nhmc6img {
    width: 100%;
    height: auto;
    margin-top: 2.08vw;
}

.nhmCon7Wpr {
    padding: 3.64vw 0px 5.2vw;
    text-align: center
}

.nhmc7ul {
    margin: 2.6vw 36px 2.34vw;
}

.nhmc7ul li {
    padding: 0px 24px;
    float: left;
    width: 25%;
    margin-bottom: 1.56vw;
}

.nhmc7aBox {
    display: block;
}

.nhmc7aBox .overflowHide {
    height: 12.13vw;
}

.nhm7bm {
    padding-top: 1.77vw;
    text-align: left;
}

.nhm7bm strong {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    display: block;
    height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: normal;
    overflow: hidden;
}

.nhm7bm p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 2.6vw;
    color: #333;
}

.nhmFocusWpr .hmNums li {
    cursor: default
}

.hmNmx:hover .nhmc1ico {
    animation: pulse 0.5s ease-in-out;
}

.nhmFocusWpr .hmNums li strong {
    font-size: 32px;
}

.nhmCon1Wpr {
    background: none;
    position: relative;
}

.nhmCon1Wpr .container {
    position: relative;
    z-index: 3;
}

.nhmc1bgs {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.nhmc1bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.nhmc1bg.on {
    opacity: 1;
}

.nhmc1rimg {
    top: auto;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.nhmc1rimg.on {
    opacity: 1;
}

@media (max-width:1799px) {
    .nhmc1ul {
        max-height: 224px;
    }

    .hmNums li strong span {
        font-size: 30px;
    }

    .nhmFocusWpr .hmNums li strong {
        font-size: 30px;
    }

    .nhmFocusWpr .slick-dots {
        bottom: 166px;
    }

    .nhmFocusWpr .hmNums li {
        padding-top: 14px;
        height: 92px;
    }

    .nhmFocusWpr .hmNums ul {
        height: 92px;
    }

    .hmNums li p {
        font-size: 15px;
    }

    .nhmFocusWpr .hmFsTxt {
        padding-bottom: 4vw;
    }

    .hmFs_more {
        line-height: 46px;
        border: 1px solid #fff;
    }

    .nhmFocusWpr .slick-dots li {
        width: 9px;
        height: 9px;
        margin: 0 8px
    }

    .nhmFocusWpr .slick-dots li.slick-active {
        width: 16px;
        height: 16px;
        border: 2px solid #DF2040;
    }

    .nhmc1rimg {
        width: 400px;
        height: auto;
    }

    .nhmc1t {
        font-size: 38px;
        line-height: 50px;
    }

    .nhmc1des {
        margin-top: 12px;
        font-size: 18px;
    }

    .nhmCon1 {
        padding-right: 438px;
    }

    .nhmc1ul {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .nhmc1ul li {
        font-size: 15px;
        line-height: 32px;
        height: 32px;
        letter-spacing: 0
    }

    .nhmc1Swiper {
        padding-top: 15px;
        height: 522px;
    }

    .nhmc1nav {
        margin-right: 250px;
    }

    .nhmc1Nitm {
        margin-right: 50px;
    }

    .nhmCon2 {
        padding-top: 8.5vw;
    }

    .nhmc2Menu {
        left: 225px;
        width: 400px;
        padding: 35px 0px 98px 38px;
        background-size: 220px auto;
    }

    .nhmc2Menu_a {
        font-size: 20px;
        line-height: 52px;
    }

    .nhmc2item {
        padding-right: 0;
    }

    .nhmc2Swiper {
        width: 470px;
    }

    .nhmc2Tx p {
        line-height: 28px;
    }

    .nhmc2Tx {
        margin-bottom: 25px;
    }

    .nhmc2tags span {
        font-size: 12px;
        letter-spacing: 0;
        min-width: 50px;
    }

    .nhmc2tags {
        margin-bottom: 15px;
    }

    .nhmc2ul li {
        padding-left: 24px;
        font-size: 14px;
    }

    .nhmc2ul {
        margin-bottom: 32px;
    }

    .nhmc2Swiper {
        height: 525px;
    }

    .nhmc2Tx strong {
        font-size: 30px;
        line-height: 48px;
    }

    .nhmc2Menu_a.on,
    .nhmc2Menu_a:hover {
        padding-left: 35px;
    }

    .nhmc3item {
        height: 450px;
        padding: 0 65px
    }

    .nhmc3item strong {
        font-size: 30px;
        line-height: 42px;
    }

    .nhmc3ul {
        margin: 18px 0px 32px;
    }

    .nhmc4aBox .overflowHide {
        height: 182px;
    }

    .nhmc4swiper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .nhmc4item {
        padding: 40px 15px 50px
    }

    .nhmCon4Wpr .slick-prev {
        left: -75px;
    }

    .nhmCon4Wpr .slick-next {
        right: -75px;
    }

    .nhmc4bm {
        padding: 20px 25px 30px;
    }

    .nhmc4bm p {
        font-size: 18px;
        line-height: 30px;
        height: 60px;
    }

    .nhmCon5 {
        padding: 78px 0px 120px;
    }

    .nhmc5bg2:after {
        height: 20px;
        bottom: -10px;
    }

    .nhmc5tx {
        margin-bottom: 75px;
    }

    .nhmc5ul li {
        width: 132px;
    }

    .nhmc5bg1 {
        height: 500px;
    }

    .nhmc5bg3 {
        height: 500px;
    }

    .nhmc5bg2 {
        height: 480px;
    }

    .nhmc5btns {
        margin-top: 55px;
    }

    .nhmc6tx p {
        font-size: 24px;
        line-height: 38px;
    }

    .nhmc6tip {
        bottom: 14.5vw;
    }

    .nhmc7ul li {
        padding: 0 15px;
    }

    .nhmc7aBox .overflowHide {
        height: 12.8vw;
    }

    .nhm7bm strong {
        font-size: 18px;
        line-height: 32px;
        height: 64px;
    }

    .nhm7bm p {
        margin-top: 1.6vw;
    }
}

@media (max-width:1379px) {
    .hmNums li strong span {
        font-size: 26px;
    }

    .nhmFocusWpr .hmNums li strong {
        font-size: 26px;
    }

    .hmFsTxt h5 {
        font-size: 21px;
        line-height: 36px;
    }

    .hmFsTxt h4 {
        font-size: 42px;
        line-height: 60px;
    }

    .nhmc1t {
        font-size: 32px;
        line-height: 40px;
    }

    .nhmc1rimg {
        width: 350px;
    }

    .nhmc1ul {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .nhmc1ul li {
        font-size: 14px;
        line-height: 28px;
        height: 28px;
    }

    .nhmc1Swiper {
        height: 457px;
    }

    .nhmc1nav {
        margin-right: 230px;
    }

    .nhmc4swiper {
        margin-left: 50px;
        margin-right: 50px;
    }

    .nhmc4aBox .overflowHide {
        height: 170px;
    }
}

@media (max-width:1199px) {
    .nhmFocusWpr .hmFocus_item .bgImg {
        height: calc(100vh - 56px);
    }

    .nhmc1des {
        letter-spacing: 0;
        font-size: 16px;
    }

    .nhmc1t {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .nhmc1aBtn p {
        margin-top: 2px;
        font-size: 14px;
    }

    .nhmc1aBtn span {
        width: 40px;
        height: 40px;
    }

    .nhmc1Nitm {
        width: auto;
        margin-right: 50px;
    }

    .nhmc2Swiper {
        width: 440px;
    }

    .nhmc2Menu {
        left: 70px;
    }

    .nhmc4swiper {
        margin-left: 80px;
        margin-right: 80px;
    }

    .nhmc4aBox .overflowHide {
        height: 130px;
    }

    .nhmc4bm p {
        font-size: 15px;
        line-height: 28px;
        height: 56px;
    }

    .nhmc6tip {
        right: 9.5vw;
        bottom: 16.5vw;
    }

    .nhm7bm strong {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
    }
}

@media (max-width:993px) {
    .nhmFocusWpr .hmFocus_item .bgImg {
        height: 500px;
    }

    .mRtools {
        transform: scale(0.8) translateY(0);
        transform-origin: right bottom;
        top: auto;
        bottom: 5vh;
    }

    .hmNums li strong span {
        font-size: 22px;
    }

    .nhmFocusWpr .hmNums li strong {
        font-size: 22px;
    }

    .hmNums li p {
        font-size: 12px;
    }

    .nhmFocusWpr .hmNmx .nhmc1ico {
        width: 46px;
        height: 46px;
        margin-top: -23px;
    }

    .nhmFocusWpr .hmNmx {
        padding-left: 53px;
    }

    .nhmc1rimg {
        display: none;
    }

    .nhmCon1 {
        padding-right: 0;
    }

    .nhmc1nav {
        margin-right: 0;
    }

    .nhmc2Swiper {
        width: 335px;
    }

    .nhmc2Menu {
        width: 290px;
        background-size: 140px auto;
    }

    .nhmc2ul li {
        font-size: 12px;
    }

    .nhmCon3Wpr {
        padding-bottom: 11.5vw;
    }

    .nhmc3swiper .slick-dots {
        bottom: -5vw
    }

    .nhmc5ul li span {
        display: inline-block;
        width: 50px;
        height: 50px;
    }

    .nhmc5ul li p {
        font-size: 15px;
        line-height: 28px;
    }

    .nhmc5ul li {
        width: 112px;
    }

    .nhmc6tip {
        right: 4.5vw;
    }

    .nhmc7ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .nhmc7aBox .overflowHide {
        height: 21.5vw;
    }
}

@media (max-width:767px) {
    .nhmFocusWpr .hmNums ul {
        height: 172px;
        border-radius: 2em 0 2em 0;
    }

    .nhmFocusWpr .hmNums ul li {
        text-align: left;
    }

    .nhmFocusWpr .hmNums li strong {
        text-align: left;
    }

    .nhmc2Menu {
        display: none;
    }

    .nhmc2Imgs {
        display: none;
    }

    .nhmc1nav {
        display: none;
    }

    .mRtools {
        transform: scale(0.7) translateY(0);
    }

    .hmFsTxt h5 {
        font-size: 18px;
        line-height: 34px;
    }

    .hmFsTxt h4 {
        font-size: 30px;
        line-height: 44px;
    }

    .hmFsTxt {
        margin-top: -78px;
    }

    .hmFs_more {
        line-height: 42px;
        height: 44px;
    }

    .nhmFocusWpr .hmNums ul li:nth-child(1),
    .nhmFocusWpr .hmNums ul li:nth-child(3) {
        width: 46%;
    }

    .nhmFocusWpr .hmNums ul {
        padding-left: 5px;
    }

    .nhmFocusWpr .hmNums li {
        height: 80px;
    }

    .nhmFocusWpr .hmNums ul {
        height: 152px;
    }

    .nhmFocusWpr .hmNumsWpr {
        bottom: 40px;
    }

    .nhmc1t {
        font-size: 24px;
        text-align: center;
        line-height: 36px;
    }

    .nhmc1des {
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }

    .nhmc1ul li {
        width: 50%;
    }

    .nhmc1Swiper {
        height: auto;
        padding-bottom: 90px;
    }

    .nhmFocusWpr .slick-dots {
        bottom: 215px
    }

    .nhmFocusWpr .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .nhmFocusWpr .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #DF2040
    }

    .nhmCon1 .slick-dots {
        bottom: 50px;
    }

    .nhmCon1 .slick-dots li button {
        display: none;
    }

    .nhmCon1 .slick-dots li {
        background: #fff;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 5px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .nhmCon1 .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        background: none;
    }

    .nhmc1_m {
        width: 120px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .nhmC2tx {
        padding-top: 40px;
    }

    .nhmCon2 {
        padding-top: 20px;
    }

    .nhmc2Tx strong {
        font-size: 21px;
        line-height: 32px;
        text-align: center;
    }

    .nhmc2Tx p {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }

    .nhmc2tags span {
        margin-right: 0;
        padding: 0 5px;
    }

    .nhmc2ul li {
        line-height: 24px;
        background: url(../images/nhmc2_si1.png) no-repeat left 8px;
    }

    .nhmc2ul {
        margin-bottom: 25px;
    }

    .nhmc2Swiper {
        height: auto;
    }

    .nhmc2Swiper .slick-dots {
        text-align: center;
        width: 100%;
        bottom: 30px;
    }

    .nhmc2more {
        width: 120px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .nhmc2Swiper .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .nhmc2Swiper .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #DF2040
    }

    .nhmc2item {
        padding-bottom: 70px;
    }

    .nhmc7ul {
        margin-left: 5px;
        margin-right: 5px;
    }

    .nhmc7ul li {
        width: 50%;
        padding: 0 5px;
    }

    .nhmc3tx {
        margin-bottom: 20px;
    }

    .nhmc3item {
        padding: 50px 15px;
        display: block !important;
    }

    .nhmc3item strong {
        font-size: 20px;
        line-height: 30px;
    }

    .nhmc3swiper .slick-next {
        display: none !important;
    }

    .nhmc3ul li {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 8px;
        padding-left: 24px;
        background: url(../images/nhmc2_si1.png) no-repeat left 7px;
    }

    .nhmc3btns a:nth-child(1) {
        width: 120px;
        margin-right: 10px;
    }

    .nhmc3btns a:nth-child(2) {
        width: 120px;
    }

    .nhmc3swiper .slick-dots {
        bottom: 14vw;
    }

    .nhmc3swiper .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .nhmc3swiper .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        background: none;
    }

    .nhmCon3Wpr {
        padding-bottom: 70px;
    }

    .nhmCon4Wpr {
        padding-top: 46px;
        padding-bottom: 70px;
    }

    .nhm_pubBtn {
        width: 150px;
    }

    .nhmc4swiper {
        margin-left: -10px;
        margin-right: -10px;
    }

    .nhmc4aBox .overflowHide {
        height: 190px;
    }

    .nhmCon4Wpr .slick-dots {
        bottom: 30px;
    }

    .nhmCon4Wpr .slick-dots li button {
        display: none;
    }

    .nhmCon4Wpr .slick-dots li {
        background: #DF2040;
        display: inline-block;
        height: 6px;
        width: 6px;
        margin: 0px 5px;
        position: relative;
        border-radius: 50%;
        vertical-align: middle
    }

    .nhmCon4Wpr .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #DF2040;
        background: none;
    }

    .nhmc4item {
        padding-top: 30px;
        padding-bottom: 70px;
    }

    .nhmc5bg1 {
        width: 100%;
    }

    .nhmCon5 {
        padding-top: 55px;
    }

    .nhmc5tx {
        margin-bottom: 35px;
    }

    .nhmc5bg2 {
        width: 100%;
    }

    .nhmc5bg3 {
        width: 100%;
        background: #104484;
    }

    .nhmc5ul {
        margin-left: -20px;
        margin-right: -20px;
    }

    .nhmc5ul li {
        width: 33.33%;
        text-align: center;
        margin-bottom: 20px;
    }

    .nhmc5bg2 {
        display: none;
    }

    .nhmc5btns {
        text-align: center;
        margin-top: 15px;
    }

    .nhm_pubBtn {
        width: 120px;
    }

    .nhmc5bg1 {
        height: 540px;
    }

    .nhmCon5 {
        padding-bottom: 0;
    }

    .nhmCon5Wpr {
        height: 540px;
    }

    .nhmCon4Wpr {
        background-size: auto 26%;
        background-position: center top;
    }

    .nhmCon6Wpr {
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .nhmc6tx p {
        font-size: 16px;
        line-height: 30px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .nhmc6tip {
        bottom: 30px;
        text-align: center;
        right: 0;
        left: 0;
        font-size: 12px;
    }

    .nhmCon7Wpr {
        padding-top: 0px;
    }

    .nhmc7ul {
        margin-top: 25px;
    }

    .nhm7bm strong {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
    }

    .nhm7bm p {
        font-size: 12px;
        color: #888;
        margin-top: 0
    }

    .nhmCon7Wpr {
        padding-bottom: 60px;
    }

    .nhmc7aBox .overflowHide {
        height: 27.5vw;
    }
}

/*2022-01-22 CSS*/
.nhmc1nav .prev {
    background: #F7F7F7 url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    right: -10px;
    top: 60px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    display: block;
}

.nhmc1nav .next {
    background: #F7F7F7 url(../images/nhmc2Btn.png) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px;
    position: absolute;
    left: auto;
    text-indent: 1000px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    right: -82px;
    top: 60px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    transform: rotate(180deg);
    z-index: 2;
    display: block;
}

.nhmc1nav .prev:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 10px 20px rgba(223, 32, 64, 0.3)
}

.nhmc1nav .next:hover {
    background: #DF2040 url(../images/nhmc2Btna.png) no-repeat center center;
    box-shadow: 0 -10px 20px rgba(223, 32, 64, 0.3)
}

@media (max-width:1199px) {

    .nhmc1nav .prev,
    .nhmc1nav .next {
        top: 35px;
    }
}

@media (max-width:993px) {

    .nhmc1nav .prev,
    .nhmc1nav .next {
        display: none;
    }
}




/*2022-05-13 CSS*/
@media (max-width:1199px) {
    .mmMnm {
        position: relative;
    }

    .mMmenuLay {
        left: 0;
    }

    .mmSubmenus {
        margin-left: 20px;
        display: none;
    }

    .mMenu_a3 {
        line-height: 36px;
    }

    .mMenu_a0 {
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        padding: 0 48px 0 6px;
        display: block;
        line-height: 46px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .mmToggle {
        height: 47px;
        width: 47px;
        position: absolute;
        top: 0px;
        right: 0px;
        background: url(../images/mhead_i1.png) no-repeat center center;
        cursor: pointer;
        background-size: 16px auto;
    }

    .mmToggle2 {
        background: url(../images/reduce.jpg) no-repeat center center;
        background-size: auto;
        background-size: 16px auto;
        transform: rotate(180deg);
    }
}

.nSubFullMenu {
    position: absolute;
    left: 0;
    top: 64px;
    right: 0px;
    height: auto;
    background: #fff;
    display: flex;
    justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transition: all 0.5s ease;
    transform-origin: center top;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.nav li:hover .nSubFullMenu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.nSubFullMenu:before {
    content: "";
}

.nSubFullMenu:after {
    content: "";
}

.nSubFmleft {
    position: relative;
    z-index: 2;
    background: url(../images/nnMenu_bg1.jpg) no-repeat center bottom;
    width: 520px;
    height: 730px;
    position: relative;
    background-size: cover;
}

.nSublm {
    position: absolute;
    left: 230px;
    top: 20px;
    bottom: 30px;
    right: 0;
    overflow-y: auto;
}

.nSublm_a {
    line-height: 42px;
    margin-bottom: 0px;
    padding-left: 25px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}

.nSublm_a.on {
    background: url(../images/nnMenu_sline.png) repeat-y left top;
    color: #fff;
}

.nSubFmright {
    position: relative;
    z-index: 2;
    width: calc(100% - 520px);
    background: url(../images/nnMenu_logo.png) no-repeat right bottom;
    background-size: 27.08vw auto;
}

.nSubFmrx {
    position: absolute;
    left: 45px;
    top: 58px;
    right: 120px;
    bottom: 0px;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
    )
}

.nSubFmrx.on {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.nSubFmr_t {
    font-size: 26px;
    color: #111641;
    letter-spacing: 1px;
    display: block;
    line-height: 36px;
    padding-left: 45px;
    position: relative;
}

.nSubFmr_t img {
    position: absolute;
    left: 0;
    top: 0;
}

.nSubFmrx dl {
    padding: 20px 0px 12px;
}

.nSubFmrx dl dt {
    font-size: 18px;
    line-height: 30px;
    padding-left: 18px;
    position: relative;
    letter-spacing: 1px;
}

.nSubFmrx dl dt:before {
    content: "";
    background: #DF2543;
    height: 14px;
    width: 3px;
    margin-top: -7px;
    position: absolute;
    left: 0px;
    top: 50%;
}

.nSubFmrx dl dt i {
    opacity: 1;
    font-style: normal;
}

.nSubFmrx dl.on dt i {
    opacity: 0;
}

.nSubFmrx dl dd {
    overflow: hidden;
    margin-top: 8px;
    padding-left: 18px;
    display: none;
}

.nSubrm_a2 {
    width: 25%;
    float: left;
    padding-right: 10px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 15px;
    color: #555;
}

.nSubrm_a2:hover {}

.nSubrm_a1 {}

.nSubFmrx dl.on .nSubrm_a1,
.nSubFmrx dl.on i {
    color: #DF2543
}

@media (max-width:1799px) {
    .nSublm {
        left: 80px;
    }

    .nSubFmleft {
        width: 350px;
        height: 610px;
    }

    .nSubFmrx {
        right: 60px;
    }

    .nSubFmright {
        width: calc(100% - 350px);
    }

    .nSublm_a {
        line-height: 36px;
        margin-bottom: 0px;
        font-size: 15px;
    }

    .nSubFmr_t {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .nSubFmrx dl dt {
        font-size: 16px;
    }

    .nSubFmrx dl {
        padding: 12px 0px 5px;
    }

    .nSubrm_a2 {
        font-size: 13px;
        width: 33.33%;
    }

    .nSubFmrx {
        top: 32px;
    }
}

@media (max-width:1379px) {
    .nSubrm_a2 {
        font-size: 12px;
        line-height: 26px;
        height: 26px;
    }

    .nSubFmleft {
        height: 530px;
    }

    .nSublm_a {
        line-height: 30px;
    }

    .nSubFmrx dl {
        padding-top: 5px;
    }
}

.pubCsli {
    z-index: 2;
}

.pubCsms {
    background: #FFF;
    padding: 15px 0px;
    position: absolute;
    left: 0px;
    top: 54px;
    border: 1px solid #E6E6E6;
    width: 100%;
}

.pubCsms {
    max-height: 230px;
    overflow-y: auto;
    display: none;
}

.pubCsms dd {
    cursor: pointer;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    padding: 0 25px;
}

.pubCsms dd:hover {
    background: #efefef;
}

/*2022-11-16 CSS*/
.abtDown {
    text-align: center;
}

.abtDown a {
    font-size: 21px;
    line-height: 36px;
    display: inline-block;
    background: url(../images/abt_dwIco.png) no-repeat center top;
    padding-top: 52px;
    background-size: 40px auto;
}

.abtDown a:hover {
    color: #df203d;
}

@media (max-width:1799px) {
    .abtDown a {
        font-size: 18px;
        line-height: 32px;
        padding-top: 48px;
        background-size: 36px auto;
    }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
    .m2cmc2bdes {
        max-height: 210px;
        overflow-y: auto;
    }

    .abtDown a {
        font-size: 14px;
        line-height: 28px;
    }

    .abtDown {
        margin-top: 35px;
    }
}

/*2022-12-16 CSS*/
.m2ban_nbtns a {
    margin-right: 15px;
}

.m2ban_nbtns a:last-child {
    margin-right: 0 !important;
}

.m2nban_btn1 {
    line-height: 46px;
    color: #FFF;
    height: 50px;
    width: 200px;
    padding-left: 26px;
    background: #DF203D url(../images/m2bps_i1.png) no-repeat 140px center;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 0.3em;
    letter-spacing: 1px;
    cursor: pointer;
    border: 2px solid #DF203D;
}

.m2nban_btn1:hover {
    color: #FFF;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(223, 32, 61, 0.3);
    background: #DF203D url(../images/m2bps_i1.png) no-repeat 140px center;
    border: 2px solid #DF203D;
}

.m2nban_btn2 {
    line-height: 46px;
    color: #FFF;
    height: 50px;
    width: 200px;
    padding-left: 26px;
    background: url(../images/m2bps_i2.png) no-repeat 140px center;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 0.3em;
    letter-spacing: 1px;
    border: 2px solid #fff;
    cursor: pointer;
}

.m2nban_btn2:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(223, 32, 61, 0.3);
    background: #DF203D url(../images/m2bps_i2.png) no-repeat 140px center;
    border: 2px solid #DF203D;
}

.m2nban_btn3 {
    line-height: 46px;
    color: #FFF;
    height: 50px;
    width: 200px;
    padding-left: 26px;
    background: url(../images/m2bps_i3.png) no-repeat 140px center;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 0.3em;
    letter-spacing: 1px;
    border: 2px solid #fff;
    cursor: pointer;
}

.m2nban_btn3:hover {
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(223, 32, 61, 0.3);
    background: #DF203D url(../images/m2bps_i3.png) no-repeat 140px center;
    border: 2px solid #DF203D;
}

.m2ban_mv {
    margin-top: 20px;
}

.m2nban_mvbtn {
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 36px;
    background: url(../images/m2bps_i4.png) no-repeat right center;
    padding: 0px 40px 0px 0px;
    color: #fff;
    position: relative;
}

.m2nban_mvbtn:after {
    content: "";
    height: 1px;
    background: #fff;
    transition: all 0.5s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
}

.m2nban_mvbtn:hover:after {
    width: 100%;
}

.m2nban_mvbtn:hover {
    color: #fff;
}

.m2tstLaybg {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 70;
    overflow-y: auto;
    padding: 2.6vw 0;
}

.m2tstLay {
    width: 94%;
    max-width: 1200px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 36;
    border-radius: 0.3em;
    overflow: hidden;
}

.m2tstClose {
    background: url(../images/m2bps_close.png) no-repeat center center;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 19px;
    right: 15px;
    cursor: pointer;
    background-size: cover !important;
}

.m2tstClose:hover {
    background: url(../images/m2bps_close2.png) no-repeat center center;
}

.m2tst_st {
    line-height: 70px;
    background: #EEEFF4;
    text-align: center;
    height: 70px;
}

.m2tst_st span {
    background: url(../images/m2bps_bi1.png) no-repeat left center;
    padding-left: 50px;
    letter-spacing: 2px;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    background-size: 36px auto;
}

.m2tstBox {
    padding: 2.6vw 2.6vw 3.2vw;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.m2tstRx {
    width: 70%;
    padding-left: 2.6vw;
    border-left: 1px solid #E6E6E7;
}

.m2tstRx h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
}

.m2tstul {
    border-top: 1px solid #e6e6e7;
    margin-top: 1.87vw;
}

.m2tstul li {
    padding-top: 1.87vw;
}

.m2tstul li strong {
    display: block;
    line-height: 56px;
    background: url(../images/m2bps_lay_sbg.png) no-repeat left center;
    height: 56px;
    font-size: 20px;
    letter-spacing: 1px;
    padding-left: 40px;
    background-size: auto 56px;
    font-weight: normal;
}

.m2tstul li strong span {
    background: url(../images/m2bps_lg.png) no-repeat left center;
    display: inline-block;
    padding-left: 35px;
}

.m2tstul li p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 15px;
    padding-left: 40px;
    text-align: justify
}

.m2tstul li p span {
    color: #cd3743;
}

.m2tstLx {
    width: 350px;
    background: url(../images/m2bps_lay_lbg.jpg) no-repeat center -15px;
    background-size: 100% auto;
}

.m2ts_dwul {}

.m2ts_dwul li {
    padding-top: 1.87vw;
}

.m2tsaBtn {
    display: block;
}

.m2tsaBtn span {
    display: block;
    margin: 0px auto;
    height: 70px;
    width: 70px;
}

.m2tsaBtn p {
    font-size: 16px;
    line-height: 58px;
    color: #104484;
    letter-spacing: 1px;
    display: block;
    margin: 30px auto 0px;
    height: 60px;
    width: 188px;
    border: 1px solid #104484;
    text-align: center;
    transition: all 0.5s ease;
    background: #fff;
    border-radius: 0.2em;
}

.m2tsaBtn:hover p {
    color: #FFF;
    background: #DF203D;
    border: 1px solid #DF203D;
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(223, 32, 61, 0.3);
}

@media (max-height:800px) {
    .m2tstLay {
        position: relative;
        left: auto;
        top: auto;
        transform: translate(0, 0);
        margin: 0 auto;
    }
}

@media (max-width:1799px) {}

@media (max-width:1379px) {

    .m2ban_nbtns,
    .m2ban_mv {
        transform: scale(0.95);
        transform-origin: left top;
    }
}

@media (max-width:1199px) {}

@media (max-width:993px) {}

@media (max-width:767px) {
    .m2ban_nbtns a {
        background-image: none !important;
        margin-right: 5px;
        width: auto;
        padding: 0 18px;
        border: 1px solid #fff;
        font-size: 14px;
        line-height: 42px;
        height: 44px;
    }

    .m2ban_nbtns,
    .m2ban_mv {
        transform: scale(1);
    }

    .m2nban_mvbtn {
        font-size: 16px;
    }

    .m2ban_mv {
        margin-top: 10px;
    }

    .m2banTxt p {
        font-size: 13px;
        line-height: 24px;
    }

    .m2tst_st {
        line-height: 60px;
        height: 60px;
    }

    .m2tst_st span {
        padding-left: 40px;
        font-size: 24px;
        background-size: 28px auto;
        font-size: 20px;
    }

    .m2tstClose {
        top: 14px;
    }

    .m2tstBox {
        display: block;
        overflow: hidden;
        padding: 25px 12px 45px;
    }

    .m2tstRx {
        width: 100%;
        padding-left: 0;
        border: none
    }

    .m2tstLx {
        width: 100%;
    }

    .m2tstRx h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .m2tstul {
        margin-top: 20px;
    }

    .m2tstul li {
        padding-top: 30px;
    }

    .m2tstul li p {
        font-size: 14px;
        line-height: 26px;
    }

    .m2ts_dwul li {
        padding-top: 36px;
    }

    .m2tsaBtn p {
        line-height: 48px;
        height: 50px;
    }
}


/*2023-01-19 CSS*/

.nhmbps .nhmc1t,
.nhmbps .nhmc1des {
    text-align: center;
}

.nhmbps_btn {
    text-align: center;
}

.nhmbps {}

.nhmbpsContent {
    margin: 0 5.2vw;
}

.nhmbpsDls {
    margin-top: 30px;
    margin-bottom: 100px;
}

.nhmbpsDls .block{
    display: flex;
    flex-wrap: wrap;
}
.nhmbpsDls dd {
    padding: 18px 16px;
    width: 50%;
}

.nhmbps_a {
    display: block;
    padding: 50px 25px;
    background: #FFF;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.nhmbps_img {
    width: 170px;
    height: 240px;
    float: left;
}

.nhmbps_rx {
    margin-left: 220px;
    padding-top: 5px;
}

.nhmbps_rx strong {
    font-size: 22px;
    line-height: 34px;
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nhmbps_rx i {
    background: #EAEAEA;
    height: 1px;
    display: block;
    overflow: hidden;
    margin: 22px 0px 24px;
}

.nhmbps_rx p {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nhmbps_rx span {
    margin-top: 20px;
    font-size: 14px;
    line-height: 40px;
    color: #DF2041;
    text-align: center;
    display: inline-block;
    height: 42px;
    width: 146px;
    border: 1px solid #DF2041;
}

.nhmbps_a:hover .nhmbps_rx span {
    color: #FFF;
    background: #DF2041;
    box-shadow: 0 5px 30px rgba(223, 32, 64, 0.3);
    transform: translateY(-6px);
}

.nhmbpsDls .slick-dots {
    bottom: -56px;
    width: 100%;
    text-align: center;
}

.nhmbpsDls .slick-dots li button {
    display: none;
}

.nhmbpsDls .slick-dots li {
    background: #D6D6D6;
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0px 9px;
    position: relative;
    border-radius: 50%;
    vertical-align: middle
}

.nhmbpsDls .slick-dots li.slick-active {
    border: 2px solid #DF2040;
    height: 16px;
    width: 16px;
    background: #FFF;
}


.footNav {
    float: left;
}

.footTop dl {
    margin-right: 38px;
    max-width: 165px;
}

.footTop dl dd {
    line-height: 22px;
    padding: 7px 0;
    height: auto;
}

.footTop dl:last-child {
    margin-right: 0 !important;
}

.nhmFtx3 {
    width: 670px;
    float: right;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
}

.nhmFtx3 li {
    text-align: center;
}

.nhmFtx3 li img {
    height: 230px;
    width: auto;
}

.nhmF3a {}

.nhmc3img {}

.nhmF3a p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin-top: 12px;
}

.nhmFtx2 {
    float: left;
    width: calc(100% - 460px);
    padding-top: 25px;
}

.nhmFtx1 {
    float: right;
}

.foot_bnav a {
    margin-right: 25px;
}

.foot_bnav {
    float: none;
}

.footShareWpr {
    float: none;
    margin-top: 50px;
}

.footWx {
    float: left;
}

.footInfo {
    float: left;
}

.footWx {
    height: 158px;
    margin-bottom: 30px;
}

.footTop {
    padding-bottom: 40px;
}

.foot_bnav br {
    display: none;
}


.m2bpsSwiper {
    margin-top: 1.66vw;
    padding-bottom: 3.6vw;
}

.m2bpsSwiper .slick-dots {
    width: 260px;
    bottom: 3vw;
}

.m2bpsItem {}

.m2bpsItem a {
    display: block;
    padding: 20px 30px 42px;
    display: flex;
    justify-content: space-between;
}

.m2bpsItem .bgImg {
    height: 271px;
    width: 193px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.m2bps_rdes {
    width: calc(100% - 230px);
}

.m2bps_rdes strong {
    font-size: 26px;
    font-weight: normal;
    line-height: 50px;
    letter-spacing: 1px;
    display: block;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.m2bps_rdes i {
    background: #EAEAEA;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 18px 0px 32px;
}

.m2bps_rdes p {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    background: url(../images/m2bps_lg.png) no-repeat left 6px;
    height: 78px;
    padding-left: 26px;
    background-size: 18px auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 30px;
    overflow: hidden;
}

.m2bps_rdes span {
    font-size: 14px;
    line-height: 43px;
    color: #FFF;
    background: #CD3746;
    height: 43px;
    width: 146px;
    text-align: center;
    display: inline-block;
    border-radius: 0.3em;
}

.m2bpsItem a:hover .m2bps_rdes span {
    box-shadow: 0 3px 18px rgba(205, 55, 70, 0.3);
}




@media (max-width:1799px) {

    .nhmFtx3 {
        width: 560px;
    }

    .footTop dl {
        margin-right: 20px;
        max-width: 140px;
    }

    .nhmFtx3 li img {
        width: 160px;
    }

    .nhmFtx3 li:nth-child(3) img {
        width: 198px;
    }

    .foot_bnav a {
        margin-right: 8px;
    }

    .nhmFtx2 {
        width: calc(100% - 440px);
    }

    .m2bps_rdes strong {
        font-size: 20px;
        line-height: 46px;
        height: 46px;
    }

    .m2bps_rdes i {
        margin: 15px 0px 28px;
    }

    .m2bps_rdes p {
        font-size: 15px;
    }

    .nhmbps_rx strong {
        font-size: 21px;
    }

    .nhmbps_rx p {
        font-size: 15px;
    }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {

    .nhmFtx2 {
        width: calc(100% - 410px);
    }

    .nhmFtx3 {
        width: 500px;
    }

    .footTop dl {
        margin-right: 115px;
    }

    .nhmFtx3 li img {
        width: auto;
    }

    .nhmFtx3 li:nth-child(3) img {
        width: auto;
    }

    .footNav {
        width: 100%;
        float: none;
    }

    .nhmFtx3 {
        width: 100%;
        float: none;
    }

    .m2bps_rdes i {
        margin: 12px 0px 20px;
    }

    .footLinks {
        padding-bottom: 35px;
    }
}

@media (max-width:993px) {

    .footInfo {
        margin-top: 8px;
    }

    .footTop dl {
        max-width: none;
    }
}

@media (max-width:767px) {

    .nhmbps_img {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .nhmbps_rx {
        margin-left: 0;
    }

    .nhmbps_rx strong{
        height: 68px;
    }

    .nhmbps_a {
        padding-top: 25px;
        padding-bottom: 45px;
    }

    .nhmbps_rx i {
        margin: 15px 0;
    }

    .nhmbps_rx span {
        margin-top: 25px;
    }

    .nhmbpsDls {
        margin-bottom: 70px;
    }

    .nhmbpsDls .slick-dots {
        bottom: -26px;
    }

    .nhmbpsDls {
        margin-top: 12px;
    }

    .nhmFtx3 {
        display: block;
    }

    .nhmFtx3 li {
        margin-bottom: 30px;
    }

    .nhmFtx3 li:last-child {
        margin-bottom: 10px;
    }

    .nhmFtx2 {
        width: 100%;
        padding-top: 10px;
    }

    .footShareWpr {
        margin-top: 20px;
    }

    .footWx {
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .footLinks {
        padding-bottom: 22px;
    }

    .nhm_pubBtn {
        line-height: 42px;
        height: 44px;
    }

    .nhmCon4Wpr {
        padding-bottom: 60px;
    }

    .footTop {
        padding-bottom: 30px;
    }

    .m2bpsItem a {
        display: block;
    }

    .m2bpsItem .bgImg {
        margin: 0 auto 25px;
    }

    .m2bps_rdes {
        width: 100%;
    }

    .m2bps_rdes strong {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }

    .m2bps_rdes i {
        margin: 5px 0px 10px;
    }

    .m2bps_rdes p {
        font-size: 12px;
        line-height: 22px;
        height: 66px;
        margin-bottom: 20px;
    }

    .m2bps_rdes span {
        line-height: 40px;
        height: 40px;
        margin: 0 auto;
        width: 140px;
        display: block
    }

    .m2bpsItem a {
        padding-bottom: 52px;
    }

    .m2bpsSwiper .slick-dots {
        bottom: 30px;
    }
}




.m2bpsul {
    padding-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 15px;
}

.m2bpsul li {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media (max-width:1799px) {

    .m2bpsul li {
        width: 50%;
    }

    .m2bpsul {
        padding-top: 40px;
    }
}

@media (max-width:1379px) {}

@media (max-width:1199px) {

    .m2bpsul {
        padding-top: 0px;
    }
}

@media (max-width:993px) {

    .m2bpsul li {
        width: 100%;
    }
}

@media (max-width:767px) {}

/*20241121  编辑器样式*/
/*!
 *  * Quill Editor v1.3.7
 *   * https://quilljs.com/
 *    * Copyright (c) 2014, Jason Chen
 *     * Copyright (c) 2013, salesforce.com
 *      */
 .ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
ol li:not(.ql-direction-rtl),
ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
ol li.ql-direction-rtl,
ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
ol li:before {
  content: counter(list-0, decimal) '. ';
}
ol li.ql-indent-1 {
  counter-increment: list-1;
}
ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
ol li.ql-indent-2 {
  counter-increment: list-2;
}
ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
ol li.ql-indent-3 {
  counter-increment: list-3;
}
ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
ol li.ql-indent-4 {
  counter-increment: list-4;
}
ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
ol li.ql-indent-5 {
  counter-increment: list-5;
}
ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
ol li.ql-indent-6 {
  counter-increment: list-6;
}
ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
ol li.ql-indent-7 {
  counter-increment: list-7;
}
ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
ol li.ql-indent-8 {
  counter-increment: list-8;
}
ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
ol li.ql-indent-8 {
  counter-reset: list-9;
}
ol li.ql-indent-9 {
  counter-increment: list-9;
}
ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-video {
  display: block;
  max-width: 100%;
}
.ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-bg-black {
  background-color: #000;
}
.ql-bg-red {
  background-color: #e60000;
}
.ql-bg-orange {
  background-color: #f90;
}
.ql-bg-yellow {
  background-color: #ff0;
}
.ql-bg-green {
  background-color: #008a00;
}
.ql-bg-blue {
  background-color: #06c;
}
.ql-bg-purple {
  background-color: #93f;
}
.ql-color-white {
  color: #fff;
}
.ql-color-red {
  color: #e60000;
}
.ql-color-orange {
  color: #f90;
}
.ql-color-yellow {
  color: #ff0;
}
.ql-color-green {
  color: #008a00;
}
.ql-color-blue {
  color: #06c;
}
.ql-color-purple {
  color: #93f;
}
.ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
/* .ql-size-small {
 *   font-size: 0.75em;
 *   }
 *   .ql-size-large {
 *     font-size: 1.5em;
 *     }
 *     .ql-size-huge {
 *       font-size: 2.5em;
 *       } */
.ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-align-center {
  text-align: center;
}
.ql-align-justify {
  text-align: justify;
}
.ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow h1 {
  font-size: 2em;
}
.ql-snow h2 {
  font-size: 1.5em;
}
.ql-snow h3 {
  font-size: 1.17em;
}
.ql-snow h4 {
  font-size: 1em;
}
.ql-snow h5 {
  font-size: 0.83em;
}
.ql-snow h6 {
  font-size: 0.67em;
}
.ql-snow a {
  text-decoration: underline;
}
.ql-snow blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow code,
.ql-snow pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: '标题';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: '标题 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: '标题 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: '标题 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: '标题 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: '标题 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: '标题 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 150px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
/* .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
 * .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 *   content: 'Small';
 *   }
 *   .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
 *   .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 *     content: 'Large';
 *     }
 *     .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
 *     .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 *       content: 'Huge';
 *       } */
/* .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 *   font-size: 10px;
 *   }
 *   .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 *     font-size: 18px;
 *     }
 *     .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 *       font-size: 32px;
 *       } */
/* 字体设置 */
.ql-size-12 {
  font-size: 12px;
}
.ql-size-16 {
  font-size: 16px;
}
.ql-size-18 {
  font-size: 18px;
}
.ql-size-20 {
  font-size: 20px;
}
.ql-size-24 {
  font-size: 24px;
}
.ql-size-28 {
  font-size: 28px;
}
.ql-size-32 {
  font-size: 32px;
}
.ql-size-36 {
  font-size: 36px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '14PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12"]::before {
  content: '12PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16"]::before {
  content: '16PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18"]::before {
  content: '18PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20"]::before {
  content: '20PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24"]::before {
  content: '24PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28"]::before {
  content: '28PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32"]::before {
  content: '32PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36"]::before {
  content: '36PX';
  /* display: flex;
 *   align-items: center; */
}
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  font-size: 14px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12"]::before {
  font-size: 12px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16"]::before {
  font-size: 16px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18"]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20"]::before {
  font-size: 20px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24"]::before {
  font-size: 24px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28"]::before {
  font-size: 28px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32"]::before {
  font-size: 32px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36"]::before {
  font-size: 36px;
}
/* 结束 */
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid #eee;
  display: flex;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
  /* height: 1.5625rem;
 *   overflow: auto; */
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/* // 字体样式大小 */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="SimSun"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="SimSun"]::before {
    content: "宋体";
    font-family: "SimSun";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="SimHei"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="SimHei"]::before {
    content: "黑体";
    font-family: "SimHei";
}
.ql-snow
    .ql-picker.ql-font
    .ql-picker-label[data-value="Microsoft-YaHei"]::before,
.ql-snow
    .ql-picker.ql-font
    .ql-picker-item[data-value="Microsoft-YaHei"]::before {
    content: "微软雅黑";
    font-family: "Microsoft YaHei";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="KaiTi"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="KaiTi"]::before {
    content: "楷体";
    font-family: "KaiTi";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="FangSong"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="FangSong"]::before {
    content: "仿宋";
    font-family: "FangSong";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before {
    content: "Arial";
    font-family: "Arial";
}
.ql-snow
    .ql-picker.ql-font
    .ql-picker-label[data-value="Times-New-Roman"]::before,
.ql-snow
    .ql-picker.ql-font
    .ql-picker-item[data-value="Times-New-Roman"]::before {
    content: "Times New Roman";
    font-family: "Times New Roman";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="sans-serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="sans-serif"]::before {
    content: "sans-serif";
    font-family: "sans-serif";
}

.ql-font-SimSun {
    font-family: "SimSun";
}
.ql-font-SimHei {
    font-family: "SimHei";
}
.ql-font-Microsoft-YaHei {
    font-family: "Microsoft YaHei";
}
.ql-font-KaiTi {
    font-family: "KaiTi";
}
.ql-font-FangSong {
    font-family: "FangSong";
}
.ql-font-Arial {
    font-family: "Arial";
}
.ql-font-Times-New-Roman {
    font-family: "Times New Roman";
}
.ql-font-sans-serif {
    font-family: "sans-serif";
}